@charset "UTF-8";
/* YAOTSU MALL: フッター・SNS・運営情報・スマホ下部ナビゲーション
 * 共通リセットの補助ルールは :where() でこの部位内に限定しています。
 * 読み込み順: front-page.css → header.css → footer.css
 */

:is(.screen-reader-text):where(#colophon, #colophon *) {
  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(#colophon, #colophon *) {
  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;
}

:is(.clearfix):where(#colophon, #colophon *)::after {
  clear: both;
  content: "";
  display: block;
}

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

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

@media screen and (max-width: 767px) {
footer {
  display: block;
  color: rgb(0, 0, 0);
  font-family: "M PLUS Rounded 1c", sans-serif;
  padding: 20px 0px 80px !important;
}
}

footer {
  width: 100%;
  display: block;
  color: rgb(0, 0, 0);
  padding: 50px 0px 20px;
  font-family: "M PLUS Rounded 1c", sans-serif;
  background-color: rgb(245, 244, 241) !important;
}

footer .menu-footer-container ul#menu-footer-1 {
  text-align: center;
}

footer .menu-footer-container ul#menu-footer-1 li {
  display: inline-block;
  text-align: center;
  line-height: 1;
  padding: 0px 10px;
  margin: 15px 0px;
  border-left: 1px dotted rgb(102, 102, 102);
}

@media screen and (max-width: 767px) {
footer .menu-footer-container ul#menu-footer-1 {
  border-top: 1px dotted rgb(102, 102, 102);
  margin: 0px 0px 50px;
  border-left-style: none !important;
}

footer .menu-footer-container ul#menu-footer-1 li {
  display: block;
  text-align: center;
  line-height: 1;
  padding: 10px 0px;
  margin: 0px;
  border-bottom: 1px dotted rgb(102, 102, 102);
}
}

footer .menu-footer-container ul#menu-footer-1 li:last-child {
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  border-right: 1px dotted rgb(102, 102, 102);
}

@media screen and (max-width: 767px) {
footer .menu-footer-container ul#menu-footer-1 li:last-child {
  display: block;
  text-align: center;
  line-height: 1;
  padding: 10px 0px;
  margin: 0px;
  border-left-style: none !important;
  border-right-style: none !important;
}
}

footer a {
  color: rgb(0, 0, 0);
}

footer a:hover {
  color: rgb(170, 170, 170);
  text-decoration: none;
}

footer ul#sns {
  text-align: center;
}

footer ul#sns li {
  width: 35px;
  display: inline-block;
  text-align: center;
}

footer ul#sns li img {
  width: 100%;
  height: auto;
}

footer p {
  padding-bottom: 0px;
  margin: 0px;
}

p.shop_name {
  background: url("../images/7986ad5d20292bae870d.png") center top / 33px auto no-repeat;
  text-align: center;
  font-size: 130%;
  padding-top: 40px;
  color: rgb(0, 0, 0);
}

p.shop_name span {
  display: inline-block;
  padding-right: 5px;
  font-size: 80%;
}

p.shop_tel {
  text-align: center;
  font-size: 150%;
  color: rgb(0, 0, 0);
}

p.shop_tel span {
  font-size: 70%;
}

p.shop_access {
  text-align: center;
  font-size: 90%;
  color: rgb(0, 0, 0);
}

p.shop_access span {
  display: block;
}

footer .site-info {
  text-align: center;
}

footer {
  display: block;
}

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

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

:is(img):where(#colophon, #colophon *) {
  border: 0px;
}

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

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

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

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

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

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

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

:is(button):where(#colophon, #colophon *),
:is(input):where(#colophon, #colophon *) {
  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;
}

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

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

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

:is(img):where(#colophon, #colophon *) {
  height: auto;
  max-width: 100%;
  display: block;
  border-radius: 3px;
}

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

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

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

.site-footer {
  background-color: rgb(243, 243, 243);
  color: rgb(59, 60, 63);
  padding: 1.618em 0px 3.70633em;
}

.site-footer a {
  color: rgb(44, 45, 51);
  text-decoration: underline;
}

.site-footer a:hover {
  text-decoration: none;
}

.site-info {
  padding: 2.61792em 0px;
}

:is(.screen-reader-text):where(#colophon, #colophon *) {
  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(#colophon, #colophon *) {
  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;
}

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

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

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

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

:is(button):where(#colophon, #colophon *) {
  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(#colophon, #colophon *)::after {
  display: none;
}

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

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

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

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

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

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

:is(input[type="search"]):where(#colophon, #colophon *) {
  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(#colophon, #colophon *) {
  background-color: rgb(237, 237, 237);
}

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

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

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

@media (min-width: 768px) {

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

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

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

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

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

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

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

:is(ul.menu li a):where(#colophon, #colophon *) {
  color: rgb(51, 51, 51);
}

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

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

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

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

.site-footer {
  background-color: rgb(240, 240, 240);
  color: rgb(109, 109, 109);
}

.site-footer a:not(.button):not(.components-button) {
  color: rgb(51, 51, 51);
}

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

:is(.clearfix):where(#colophon, #colophon *)::after {
  content: "";
  display: block;
  clear: both;
}

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

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

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

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

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