@charset "utf-8";

:root {
  --ff: 'Noto Sans JP', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.fs-preview-header { display: none; }
body {margin: 0;color: #333;font-family: var(--ff);line-height:25px;font-size:1.4em;}
figure {margin: 0;}
.text_s {font-size: 85%}
.text_xs {font-size: 50%}
.cart-position {margin-right: 120px;margin-top: -20px;}
f {margin: var(--para-gap) auto 0;}
.box {display: flex;justify-content: space-between;align-items: center;}
a {color: #333;text-decoration: none;font-family: var(--ff);}
.mainView {width: 100vw;height: 100vh;background-color: ;}
.el_humburger {position: fixed;top: 40px;right: 40px;width: 46px;height: 25px;padding-top: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 0px;z-index: 20;cursor: pointer;pointer-events: auto;color: #333;text-align: center;}
@media screen and (max-width: 840px) {
  .el_humburger {display: block;right: 0;top: 0;padding-top: 20px;width: 70px;height: 70px;}
  #factory .el_humburger {display: none; }
}
.el_humburger_wrapper {margin-bottom: 5px;width: 42px;display: inline-block;}
@media screen and (max-width: 840px) {
  .el_humburger_wrapper {margin-bottom: 5px;width: 30px; }
}
.el_humburger_text {font-size: 10px;letter-spacing: 0.1em;font-family: var(--ff); }
.js_humburgerOpen .el_humburger_text.el_humburger_text__menu {display: none;}
.el_humburger_text.el_humburger_text__close {display: none;}
.js_humburgerOpen .el_humburger_text.el_humburger_text__close {display: block;}
@media screen and (max-width: 840px) {
  .el_humburger_text {font-size: 10px;padding-top: 2px; }
}
@media screen and (max-width: 840px) {
  .el_humburger_text svg path {-webkit-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);-o-transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);transition: all 200ms cubic-bezier(0.16, 0.52, 0.25, 1);fill: #000; }
}
@media screen and (max-width: 840px) {
  .js_humburgerOpen .el_humburger_text svg path {fill: #333; }
}
.el_humburger span.el_humburger_bar {display: block;width: 100%;margin: 0 auto 9px;height: 3px;background: #666;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.el_humburger span.el_humburger_bar:last-child {margin-bottom: 0;}
.js_humburgerOpen .el_humburger span.el_humburger_bar {background: #333;}
@media screen and (max-width: 840px) {
  .el_humburger span.el_humburger_bar {left: 0;top: 0;background: #333; }
}
.js_humburgerOpen .el_humburger span.el_humburger_bar.top {-webkit-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.js_humburgerOpen .el_humburger span.el_humburger_bar.middle {opacity: 0;}
.js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {-webkit-transform: translateY(-11px) rotate(45deg);-ms-transform: translateY(-11px) rotate(45deg);transform: translateY(-11px) rotate(45deg);}
.el_humburgerButton.el_humburgerButton__close {top: 2%;right: 2%;}
.el_humburgerButton__close span.el_humburger_bar {display: block;width: 35px;margin: 0 auto;height: 4px;background: #333;}.el_humburgerButton__close span.el_humburger_bar.top {-webkit-transform: translateY(5px) rotate(-45deg);-ms-transform: translateY(5px) rotate(-45deg);transform: translateY(5px) rotate(-45deg);}
.el_humburgerButton__close span.el_humburger_bar.bottom {-webkit-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}
.navi {position: fixed;right: 0;height: 100%;background-color: rgba(236, 236, 236, 1);width: 0;z-index: 3;padding-top: 100px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 600ms ease-out;-o-transition: all 600ms ease-out;transition: all 600ms ease-out;overflow: hidden;}
.js_humburgerOpen .navi {width: 450px;}
@media screen and (max-width: 840px) {
  .js_humburgerOpen .navi {width: 100%;padding: 100px 5% 0;}
}
.navi_item {margin-bottom: 28px;font-size: 20px;font-family: "Marcellus", serif !important;white-space: nowrap;margin-left: 90px;}
.navi_item.op_innerLink {cursor: pointer;}
@media screen and (max-width: 840px) {
  .navi_item {margin-left: 0;font-size: 18px;}
}
.navi_item_sub {margin-top: -18px;margin-bottom: 30px;font-size: 16px;font-family: "Marcellus", serif !important;white-space: nowrap;margin-left: 100px;}
.navi_item.op_innerLink {cursor: pointer;}
@media screen and (max-width: 840px) {
  .navi_item {margin-left: 0;font-size: 18px;}
}