.__nuxt-error-page {
  padding: 1rem;
  background: #F7F8FB;
  color: #47494E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__nuxt-error-page .error {
  max-width: 450px;
}
.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494E;
  margin-bottom: 8px;
}
.__nuxt-error-page .description {
  color: #7F828B;
  line-height: 21px;
  margin-bottom: 10px;
}
.__nuxt-error-page a {
  color: #7F828B !important;
  text-decoration: none;
}
.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px;
}


[fullscreenloading]{left:0;top:0;position:fixed;width:100vw;height:100vh;background:rgba(255,255,255,.8);z-index:999;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}
[fullscreenloading] span{margin-bottom:1em}
[fullscreenloading] i{font-size:2em}
.breeding-rhombus-spinner {
      height: 65px;
      width: 65px;
      position: relative;
      transform: rotate(45deg);
}
.breeding-rhombus-spinner, .breeding-rhombus-spinner * {
      box-sizing: border-box;
}
.breeding-rhombus-spinner .rhombus {
      height: calc(65px / 7.5);
      width: calc(65px / 7.5);
      -webkit-animation-duration: 2000ms;
              animation-duration: 2000ms;
      top: calc(65px / 2.3077);
      left: calc(65px / 2.3077);
      background-color: #F3971D;
      position: absolute;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
}
.breeding-rhombus-spinner .rhombus:nth-child(2n+0) {
       margin-right: 0;
}
.breeding-rhombus-spinner .rhombus.child-1 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-1;
              animation-name: breeding-rhombus-spinner-animation-child-1;
      -webkit-animation-delay: calc(100ms * 1);
              animation-delay: calc(100ms * 1);
}
.breeding-rhombus-spinner .rhombus.child-2 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-2;
              animation-name: breeding-rhombus-spinner-animation-child-2;
      -webkit-animation-delay: calc(100ms * 2);
              animation-delay: calc(100ms * 2);
}
.breeding-rhombus-spinner .rhombus.child-3 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-3;
              animation-name: breeding-rhombus-spinner-animation-child-3;
      -webkit-animation-delay: calc(100ms * 3);
              animation-delay: calc(100ms * 3);
}
.breeding-rhombus-spinner .rhombus.child-4 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-4;
              animation-name: breeding-rhombus-spinner-animation-child-4;
      -webkit-animation-delay: calc(100ms * 4);
              animation-delay: calc(100ms * 4);
}
.breeding-rhombus-spinner .rhombus.child-5 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-5;
              animation-name: breeding-rhombus-spinner-animation-child-5;
      -webkit-animation-delay: calc(100ms * 5);
              animation-delay: calc(100ms * 5);
}
.breeding-rhombus-spinner .rhombus.child-6 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-6;
              animation-name: breeding-rhombus-spinner-animation-child-6;
      -webkit-animation-delay: calc(100ms * 6);
              animation-delay: calc(100ms * 6);
}
.breeding-rhombus-spinner .rhombus.child-7 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-7;
              animation-name: breeding-rhombus-spinner-animation-child-7;
      -webkit-animation-delay: calc(100ms * 7);
              animation-delay: calc(100ms * 7);
}
.breeding-rhombus-spinner .rhombus.child-8 {
      -webkit-animation-name: breeding-rhombus-spinner-animation-child-8;
              animation-name: breeding-rhombus-spinner-animation-child-8;
      -webkit-animation-delay: calc(100ms * 8);
              animation-delay: calc(100ms * 8);
}
.breeding-rhombus-spinner .rhombus.big {
      height: calc(65px / 3);
      width: calc(65px / 3);
      -webkit-animation-duration: 2000ms;
              animation-duration: 2000ms;
      top: calc(65px / 3);
      left: calc(65px / 3);
      background-color: #F3971D;
      -webkit-animation: breeding-rhombus-spinner-animation-child-big 2s infinite;
              animation: breeding-rhombus-spinner-animation-child-big 2s infinite;
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s;
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-1 {
50% {
        transform: translate(-325%, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-1 {
50% {
        transform: translate(-325%, -325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-2 {
50% {
        transform: translate(0, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-2 {
50% {
        transform: translate(0, -325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-3 {
50% {
        transform: translate(325%, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-3 {
50% {
        transform: translate(325%, -325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-4 {
50% {
        transform: translate(325%, 0);
}
}
@keyframes breeding-rhombus-spinner-animation-child-4 {
50% {
        transform: translate(325%, 0);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-5 {
50% {
        transform: translate(325%, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-5 {
50% {
        transform: translate(325%, 325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-6 {
50% {
        transform: translate(0, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-6 {
50% {
        transform: translate(0, 325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-7 {
50% {
        transform: translate(-325%, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-7 {
50% {
        transform: translate(-325%, 325%);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-8 {
50% {
        transform: translate(-325%, 0);
}
}
@keyframes breeding-rhombus-spinner-animation-child-8 {
50% {
        transform: translate(-325%, 0);
}
}
@-webkit-keyframes breeding-rhombus-spinner-animation-child-big {
50% {
        transform: scale(0.5);
}
}
@keyframes breeding-rhombus-spinner-animation-child-big {
50% {
        transform: scale(0.5);
}
}



*::-webkit-scrollbar,div::-webkit-scrollbar {display: none;-webkit-appearance: none;scrollbar-width: none;}
*{font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
body{line-height:inherit !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
button,input,select,textarea{margin:0;padding:0;background:0 0;border:none;border-radius:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}
select::-ms-expand{display:none}
*,::after,::before{box-sizing:border-box;margin:0}
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{color:#444;}
a,a:hover,a:focus{text-decoration: none;}
*:not(input):not(textarea){-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, span{color:#5e6d82;}
/* init */
*{
	--line:#00B900;
	--main-color : rgb(96, 47, 1);
    --text-color   : rgb(96, 47, 1);
    --main-light : rgb(135, 78, 0);
    --bg         : rgb(255, 255, 255);
    --bg-light   : rgb(247, 247, 247);
}
body{
	background-color:var(--bg);
	/* iPhoneのセーフエリアを確保  */
	padding-bottom: env(safe-area-inset-bottom);
}
/* helper */
[mt-05]{margin-top:.5em}
[mt-1]{margin-top:1em}
[mt-2]{margin-top:2em}
[mt-3]{margin-top:3em}
[mt-4]{margin-top:4em}
[mt-5]{margin-top:5em}
[ml-05]{margin-left:.5em}
[ml-1]{margin-left:1em}
[ml-2]{margin-left:2em}
[ml-3]{margin-left:3em}
[ml-4]{margin-left:4em}
[ml-5]{margin-left:5em}
[mb-05]{margin-bottom:.5em}
[mb-1]{margin-bottom:1em}
[mb-2]{margin-bottom:2em}
[mb-3]{margin-bottom:3em}
[mb-4]{margin-bottom:4em}
[mb-5]{margin-bottom:5em}
[mr-05]{margin-right:.5em}
[mr-1]{margin-right:1em}
[mr-2]{margin-right:2em}
[mr-3]{margin-right:3em}
[mr-4]{margin-right:4em}
[mr-5]{margin-right:5em}
[mt-05i]{margin-top:.5em!important}
[mt-1i]{margin-top:1em!important}
[mt-2i]{margin-top:2em!important}
[mt-3i]{margin-top:3em!important}
[mt-4i]{margin-top:4em!important}
[mt-5i]{margin-top:5em!important}
[ml-05i]{margin-left:.5em!important}
[ml-1i]{margin-left:1em!important}
[ml-2i]{margin-left:2em!important}
[ml-3i]{margin-left:3em!important}
[ml-4i]{margin-left:4em!important}
[ml-5i]{margin-left:5em!important}
[mb-05i]{margin-bottom:.5em!important}
[mb-1i]{margin-bottom:1em!important}
[mb-2i]{margin-bottom:2em!important}
[mb-3i]{margin-bottom:3em!important}
[mb-4i]{margin-bottom:4em!important}
[mb-5i]{margin-bottom:5em!important}
[mr-05i]{margin-right:.5em!important}
[mr-1i]{margin-right:1em!important}
[mr-2i]{margin-right:2em!important}
[mr-3i]{margin-right:3em!important}
[mr-4i]{margin-right:4em!important}
[mr-5i]{margin-right:5em!important}
[pt-05]{padding-top:.5em}
[pt-1]{padding-top:1em}
[pt-2]{padding-top:2em}
[pt-3]{padding-top:3em}
[pt-4]{padding-top:4em}
[pt-5]{padding-top:5em}
[pl-05]{padding-left:.5em}
[pl-1]{padding-left:1em}
[pl-2]{padding-left:2em}
[pl-3]{padding-left:3em}
[pl-4]{padding-left:4em}
[pl-5]{padding-left:5em}
[pb-05]{padding-bottom:.5em}
[pb-1]{padding-bottom:1em}
[pb-2]{padding-bottom:2em}
[pb-3]{padding-bottom:3em}
[pb-4]{padding-bottom:4em}
[pb-5]{padding-bottom:5em}
[pr-05]{padding-right:.5em}
[pr-1]{padding-right:1em}
[pr-2]{padding-right:2em}
[pr-3]{padding-right:3em}
[pr-4]{padding-right:4em}
[pr-5]{padding-right:5em}
[pt-05i]{padding-top:.5em!important}
[pt-1i]{padding-top:1em!important}
[pt-2i]{padding-top:2em!important}
[pt-3i]{padding-top:3em!important}
[pt-4i]{padding-top:4em!important}
[pt-5i]{padding-top:5em!important}
[pl-05i]{padding-left:.5em!important}
[pl-1i]{padding-left:1em!important}
[pl-2i]{padding-left:2em!important}
[pl-3i]{padding-left:3em!important}
[pl-4i]{padding-left:4em!important}
[pl-5i]{padding-left:5em!important}
[pb-05i]{padding-bottom:.5em!important}
[pb-1i]{padding-bottom:1em!important}
[pb-2i]{padding-bottom:2em!important}
[pb-3i]{padding-bottom:3em!important}
[pb-4i]{padding-bottom:4em!important}
[pb-5i]{padding-bottom:5em!important}
[pr-05i]{padding-right:.5em!important}
[pr-1i]{padding-right:1em!important}
[pr-2i]{padding-right:2em!important}
[pr-3i]{padding-right:3em!important}
[pr-4i]{padding-right:4em!important}
[pr-5i]{padding-right:5em!important}
[nobr]{display:inline-block !important;}
[no-margin]{margin:0;}
#__layout{max-width:500px;background:transparent;min-height:100vh;margin:0 auto;overflow-x:hidden;overflow-y:hidden;width:100%;min-height: -webkit-fill-available;overflow: hidden;}
#__layout > *,
#__layout > * > *{min-height:100vh;width:100%;min-height: -webkit-fill-available;}
[no-border]{border: none !important;}
[bg-logo]{
    background-image: url(/logo-bg.svg);
    background-position: 60% 0;
    background-size: 180%;
    max-width: 500px;
    background-repeat: repeat-y;
    background-attachment: fixed !important;
}
[bg-logo2]{
    background-image: url(/logo-bg2.svg);
    background-position: 60% 0;
    background-size: 180%;
    max-width: 500px;
    background-repeat: repeat-y;
    background-attachment: fixed !important;
}
/* layout */
[center-row]{ display: flex;flex-flow:row nowrap;justify-content: center;align-items: stretch;}
[center-col]{ display: flex;flex-flow:column nowrap;justify-content: center; align-items:center;}
.el-button+.el-button{margin:0;}
[full-height]{min-height: 100vh !important;}
[page-header]{
	font-size: min(4.5vmin,18px);
	color: var(--text-color);
	line-height: 2.3em;
	border-bottom: 2px solid #efefef;
	margin: 2em 1em 2em 1em;
	display: flex;flex-flow:row nowrap;justify-content: center;align-items: stretch;
}
[right]{display: flex;flex-flow:row nowrap;justify-content: flex-end;align-items:stretch;width: 100%;}
[text-link]{ color: #FFF;font-size: 13px;line-height:1.4em;border-bottom:1px dashed #ccc;display:inline-block;
}
.el-message{
    max-width:90vw !important;
    min-width: 90vw !important;
}
.el-message *{
    max-width:90vw !important;
}
/* config-content  */
[config-content]{
	padding-top: 3em;
	padding-bottom: 5em;
}
[section-header]{
    color: #FFF;
    font-size: min(4vmin , 16px);
    line-height: 2em;
    border-bottom: 1px solid var(--main-color);
    padding-left: 0.3em;
    margin-bottom: 1em;
    color: var(--main-color);
    font-weight: 600;
}
[content-inner]{padding: 0 1em;}
[content-inner] *{color: var(--text-color);}
[content-inner] p{font-size: min(3.6vmin , 15px);line-height: 1.65em;}
[table-header]{
    display: flex;flex-flow:column nowrap;justify-content: center; align-items:center;
    background:var(--text-color);
    color: var(--bg);
    font-size: min(3.8vmin , 15px);
    line-height: 2em;
    margin: 1em 0;
}
[separate]{
    display: flex;flex-flow:row nowrap;justify-content: space-between;align-items: stretch;
}
/* limited view */
[limited-view]{
    border-bottom: 1px solid #FFF;
    margin-bottom: 0.5em;
}
[limited-view] span{
    font-size: 14px;
    display: flex;flex-flow:row nowrap;justify-content: center; align-items:center;
}
[limited-view] span[limited-header]{
    border: 1px solid var(--text-color);
    padding: 0.3em 0.5em;
    border-radius: 0.4em;
}
[caption-text]{
    font-size: min(2.8vmin , 12px);
    color: var(--text-color);
    margin-top: 0.4em;
    text-indent: -0.5em;
    padding-left: 1.5em !important;
    text-align: justify;
    padding-right: 0.5em;
}
[caption-text]::before{
    content : "\0274b";
    color: var(--text-color);
    display: inline-block;
    margin-right: 0.2em;
}
[text-indent]{
    margin-top: 0.4em;
    text-indent: -0.6em;
    padding-left: 1.5em;
}
[text-indent]::before{
    content : "\0274b";
    color: var(--text-color);
    display: inline-block;
    margin-right: 0.4em;
}
[back-config]{margin:0 auto 3em auto;width: 60%;display: flex;flex-flow:row nowrap;justify-content: center;align-items: stretch;border: 1px solid var(--text-color);padding: 0.4em;color:var(--text-color);}
[back-config]:active,[back-config]:focus{
    background: #FFF;
    color: var(--bg);
    z-index: 99;}
.el-dialog__close.el-icon.el-icon-close{
    color: #5e6d82 !important;
}
.el-drawer.btt{height: auto !important;min-height: 20vh;z-index: 9999;position: absolute;}
.v-modal{z-index: -1 !important;}
.el-drawer.btt,#el-drawer__title{border-radius:0.7em 0.7em 0 0;}
#el-drawer__title{margin-bottom: 0;padding-bottom:10px;}
.el-drawer__body{min-height: 20vh;}
[cartbtn-split]{display: flex; flex-flow:row nowrap;justify-content: space-between;align-items:center;width: 100%;padding: 0.5em;margin-top: 0.5em;}
[cart-btn]{
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 13px;padding: 0.2em;border-radius: 6px;transition: all 0.4s ease;
    width: 100%;margin: 0 0.4em;display: flex; flex-flow:row nowrap;justify-content: center;align-items:center;
}
[cart-btn]:active{
    color: var(--bg);
    background: #FFF;
    transition: all 0.1s ease;
}
[btn-mini]{border: 1px solid var(--main-color);color: var(--main-color);font-size: 13px;padding: 0.2em;border-radius: 6px;transition: all 0.4s ease;
    margin: 0 0.4em;display: inline-flex; flex-flow:row nowrap;justify-content: center;align-items:center;
}
[btn-mini]:active{color: #FFF;background: var(--main-color);transition: all 0.1s ease;}
[btn-default]{
    border: 1px solid var(--text-color);
    color: var(--text-color);
    font-size: 14px;
    background: var(--bg);
    transition: all 0.1s ease;
    padding: 0.4em;border-radius: 6px;transition: all 0.4s ease;
    width: 100%;margin: 0;display: flex; flex-flow:row nowrap;justify-content: center;align-items:center;
}
[btn-default]:active{
    color : var(--bg);
    background: var(--text-color);
    transition: all 0.1s ease;}
[btn-white]{
    border: 1px solid var(--text-color);
    color: var(--bg) !important;
    background:var(--text-color) !important;
    font-size: 14px;padding: 0.4em;border-radius: 6px;transition: all 0.4s ease;
    width: 100%;display: flex; flex-flow:row nowrap;justify-content: center;align-items:center;background: #FFF;
}
[btn-white]:active{
    color: var(--text-color) !important;
    background: var(--bg) !important;
    transition: all 0.1s ease;}
[btn-split]{display: flex; flex-flow:row nowrap;justify-content: space-between;align-items:center;}
[btn-split] > *{width: 49%;}
/* input form */
[input-address]{padding-top: 1em;padding-bottom: 1em;}
[input-address] .el-collapse{border-top: none;}
[input-address] .el-collapse-item__header{padding-left: 0.3em;height: 30px;font-size: 16px;}
[input-address] .el-collapse-item__content{padding-top: 1em;}
[input-conponent]{padding:0.5em 0;}
[conponent-split]{
    display: flex; flex-flow:row nowrap;justify-content: flex-start;align-items:center;}
[conponent-split] > *{width: 100%;}
[page-content] [conponent-split][input-conponent] label{
    color: var(--text-color);width: 100%;display: flex; flex-flow:row nowrap;justify-content: flex-start; align-items: center;}
[conponent-split] label{
    max-width: 9em;
    width: 9em;font-size:min(3.4vmin , 13px);
    color:var(--text-color);
    min-width:9em;
}
[input-conponent] input,
[input-conponent] select,
[input-conponent] textarea,
[input-conponent] input:disabled{
    font-size: 16px;
    width: 100%;
    border: 1px solid var(--text-color);
    background: var(--bg);
    -webkit-text-fill-color: var(--text-color);
    color: var(--text-color);
    padding: 0.5em;
    border-radius: 3px;
}
[input-conponent] input::placeholder,
[input-conponent] input::-webkit-input-placeholder{
    color: var(--text-color);
    -webkit-text-fill-color: var(--text-color);
    opacity:0.2;
}
.el-message-box__btns .el-button--primary span{color:#FFF !important;}
/* ページ遷移アニメーション */
.page-enter, .page-leave-to{ opacity: 0;
}
.page-enter-active, .page-leave-active{ transition: opacity .3s;}
.layout-enter, .layout-leave-active{opacity: 0;}
.layout-enter-active, .layout-leave-active{ transition: opacity .3s;}



[cart-box]{padding-bottom: 3em;}
[no-item]{font-weight: bold;}
[item-list]{
    padding: 15px 5vmin;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    overflow-x: scroll;
    display: flex;
    align-items:  stretch;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
[item-list]::after {
    content: "\00a0";
    width: 36px;
    display: block;
}
[ttl-price]{display: flex; flex-flow:row nowrap;justify-content: space-between;align-items:center;width: 100%;padding:0 2em;}
[ttl-price] dt{font-weight: bold;color: var(--main-color);}
[ttl-price] dd{font-weight: bold;border-bottom: 1px dotted var(--main-color);padding-bottom: 0.2em;color: var(--main-color);font-size: 20px;}
[ttl-price] dd span{color: var(--main-color);}
[checkout-area]{
    padding:1em;display: flex; flex-flow:row nowrap;justify-content: center; align-items:center;width:100%;
}
[checkout-btn]{
    color     : var(--cart-btn);
    background: var(--cart-btn-bg);
    font-weight: 100;
    padding: 0.4em;
    font-size:min(4.6vmin , 18px);
    letter-spacing: 0.05em;
    position: relative;display: flex; flex-flow:row nowrap;justify-content: center; align-items:center;border-radius: 2em;
    box-shadow: 2px 5px 7px rgba(124, 136, 160,0.6);
    width: 90%;
    transition: all 0.2s ease;
}
[checkout-btn]:focus,[checkout-btn]:active{
    color     : var(--cart-btn);
    background: var(--cart-btn-light);
    box-shadow: 0px 2px 4px rgba(124, 136, 160,0.8);
    transition: all 0.2s ease;
}
[checkout-btn]::after{
    content: "\0bb";
    transform: scale(2.5);
    transform-origin: center;
    right: 1.2em;
    position: absolute;
    top: 0.4em;
}


[item-box]{
    background: var(--bg);
    flex: 1 1 200px;
    overflow-x: hidden;
    border-radius: 5px;
    scroll-snap-align: center;
    width: 50%;
    min-width: 98%;
    margin: 0 5px;
    padding: 10px;

    /*display: inline-block;*/
    display: flex;flex-flow:column nowrap;justify-content: flex-start; align-items: flex-start;
}
[item-box] [split-box]{
    display: flex; flex-flow:row nowrap; justify-content: flex-start;align-items:stretch;
}
[item-box] [split-box] [left-box]{
    width: 30%;
    max-width:120px;
    min-width:120px;
    max-height:120px;
    min-height:120px;
}
[item-box] [split-box] [left-box] img{
    height:100%;
    -o-object-fit:cover;
       object-fit:cover;
    width:100%;
}
[item-box] [split-box] [right-box]{
    width: 70%;
    padding-left: 1em;
}
[item-box] [split-box] [right-box] *{color: var(--text-color);}
[item-box] [split-box] [right-box] h3{font-size: min(4vmin , 16px);padding-bottom: 0.3em;}
[item-box] [split-box] [right-box] h4{font-size: min(3.5vmin , 14px);}
[item-box] [split-box] [right-box] p{
    font-size: min(3.4vmin , 14px);padding-top: 0.5em;border-top: 1px dashed var(--main-light);
}
[item-box] [item-detail]{
    display : inline-flex;flex-flow:column nowrap;justify-content: flex-start; align-items: flex-start;
    width:100%;margin-top: 0.5em;
}
[item-box] [item-detail] > dl{
    display: flex; flex-flow:row nowrap;justify-content: space-between;align-items:center;width: 100%;
    border-bottom: 1px dashed var(--main-light);
}
[item-box] [item-detail] > dl *{
    color: var(--text-color);
    letter-spacing: 0.05em;
    font-size: min(4.6vmin , 20px);
}
[big-text]{font-size: 1.2em;}




[ex-small]{
    font-size: 11px;
    transform: scale(0.7);
    text-align: left;
    position: absolute;
    white-space: nowrap;
    left: 5px;
    bottom: 1px;
    font-weight: bold;
}
[left-small]{
    font-size: 11px;
    transform: scale(0.7);
    position: absolute;
    white-space: nowrap;
    right: 12px;
    white-space: nowrap;
    bottom: 3px;
    font-weight: bold;
}
[footer-content]{
    position:fixed;
    bottom:2.5em;
    display: flex; flex-flow:row nowrap;justify-content: space-between;align-items:stretch;
    width:calc(100% - 4em);
    max-width: calc(500px - 4em);
}
[footer-content] > *{
    border-radius: 1.2em;
    background: #FFF;
    color: var(--footer-text);
    padding: 0.8em 1em;
    filter: drop-shadow(10px 6px 6px rgba(0,0,0,0.5));
}
[footer-content] *{
    color:var(--footer-text);
}
[footer-content] > [content-left]{
    position:-webkit-sticky;
    position:sticky;
    width:16em;
    margin-left:-14em;
    transition: margin 0.3s ease;
}
[footer-content] > [content-left].open{margin-left:-4em;}
[footer-content] > [content-left] [toggle-btn]{font-size:2em;transform:rotate(0deg);transition: transform 0.3s ease;}
[footer-content] > [content-left].open [toggle-btn]{transform:rotate(180deg);transition: transform 0.3s ease;}
[footer-content] > [content-right] {
    position: -webkit-sticky;
    position: sticky;
    width: 6em;
    margin-right: -4em;
    transition: margin 0.3s ease;
}
[footer-content] > [content-right] i,
[footer-content] > [content-left] i{font-size:2em;}
[footer-content] > [content-right] .el-badge__content{color:#FFF;}
i.el-icon-shopping-bag-2{position: relative;}
#badge{
    position:absolute;
    top: -5px;
    left:1.2em;
    font-size: 12px;
    transform-origin: center;
    transition: all 0.2s ease-in-out;
    display : inline-flex;flex-flow:column nowrap;justify-content: center; align-items:center;
    background: #c72500;
    color: #FFF;
    padding: 0.2em 0.4em;
    min-width: 2em;
    border-radius: 0.8em;
    border: 1px solid #FFF;
}
#badge.bounce{
    transform-origin: center;
    transform:scale(1.4);
    transition: all 0.2s ease-in-out;
}
[content-left] .el-icon-house::after{
    content: "HOME";
    position: absolute;
    font-size: 11px;
    transform: scale(0.7);
    right: 15.8em;
    bottom: 0.3em;
    font-weight: bold;
}
[content-left] .el-icon-s-shop::after{
    content: "SHOP";
    position: absolute;
    font-size: 11px;
    transform: scale(0.7);
    right: 11.1em;
    bottom: 0.3em;
    font-weight: bold;
}
[content-left] .el-icon-s-tools::after{
    content: "ABOUT";
    position: absolute;
    font-size: 11px;
    transform: scale(0.7);
    right: 6.1em;
    bottom: 0.3em;
    font-weight: bold;
}







[input-conponent] input[input-zip][data-v-a8c6c2b6]{
    width: 6em;
    max-width: 6em;
}
[input-conponent] input[input-zip] + button[zip-address][data-v-a8c6c2b6]{
    border:1px solid var(--text-color);
    background:var(--bg);
    color: var(--text-color);
    width:6em;
    border-radius :0.4em;
    margin-left:2em;
    height:2em;
}
[input-conponent] input[input-zip] + button[zip-address][data-v-a8c6c2b6]:hover,
[input-conponent] input[input-zip] + button[zip-address][data-v-a8c6c2b6]:active{
    background:var(--text-color);
    color: var(--bg);
}
[tel-hyphen][data-v-a8c6c2b6]{
    width:5em;
    display: flex;
    flex-flow:row nowrap;
    justify-content: center;
    align-items: center;
}



.nuxt-logo {
  height: 180px;
}


[card-pay]{background: #FFF;padding-top: 1em;margin-top: 1em;border-radius: 6px;border:1px solid ##0f2e5d;}
[card-pay] [card-header]{font-size:15px;font-weight:bold;color:var(--main-color); padding: 1em;}
[stripe-logo]{width: 100%;display:flex; flex-flow:row nowrap;justify-content: space-between;align-items:center;}
[stripe-logo] img{width: 25%;}
[card-lists] {display: flex; flex-flow:row nowrap; justify-content: center; align-items: center;padding: 0 1em;}
[card-lists] dt{width: 100%;font-size: 14px;color: #222;}
[card-lists] dd{width: 100%;}
#card-element{padding-bottom: 0.4em;border-bottom: 1px dashed var(--main-color);}
[payment-send]{padding: 2em 0 2em 0;}
[error-message]{font-size:13px;font-weight:600;color:#f56c6c;}
#checkout-button{}
#checkout-button{
    border: 1px solid var(--bg);
    color: var(--bg);
    font-size: 15px;padding: 0.4em;border-radius: 6px;transition: all 0.4s ease;
    width: 100%;margin: 0;display: flex; flex-flow:row nowrap;justify-content: center;align-items:center;
}
#checkout-button:active{color:FFF;background: var(--main-color);transition: all 0.1s ease;}
[btn-green]{
    border: 1px solid #67c23a;color: #FFF;background: #67c23a;
    font-size: 15px;padding: 0.4em;border-radius: 6px;transition: all 0.4s ease;
    width: 100%;margin: 0;display: flex; flex-flow:row nowrap;justify-content: center;align-items:center;
}
[btn-green] i{margin: 0 0.5em;}
[main-color],[main-color] *{color: var(--main-color);}
#payment-request-button {margin: 50px auto;width: 200px;}


[product-list]{width:100%;padding-bottom: 7em;}
[product-list] p,[product-list] h2,[product-list] h4,[product-list] span{color:var(--main-color);}
[product-list] > div{display:block;padding:0;}
[product-list] > div:nth-of-type(odd){background:var(--bg-light);}
[product-box]{width: 100%;padding: 1em 0 2em 0;}
[product-box] [main-image]{width: 100vmin;max-width:500px;;padding: 1em;}
[product-box] [main-image] [product-image]{
    position:relative;
    width:calc( 100vmin - 2em );max-width:468px;
    height:calc( 100vmin - 2em );max-height:468px;
}
[product-box] [main-image] [product-image] img{
    -o-object-fit:cover;
       object-fit:cover;
    height:calc( 100vmin - 2em );max-height:468px;
}
[product-box] [main-image] [product-image] div,[product-box] [main-image] [product-image] img{width: 100%;height: 100%;position: relative;z-index: 0;}
[product-box] [main-image] [main-image-inner]{
    width: 100%;height: calc(100vmin - 2em); max-height: calc(500px - 2em);background-size: 100% 100%;background-repeat: none;
    position: relative;
}
/* cart in buttom */
[cat-in]{
    position: absolute;
    bottom: 1.5em;right: 1em;  
    display: flex;flex-flow:column nowrap;justify-content: center; align-items:center;
    padding: 1em;
}
[cat-in] i{transform: scale(2.4);background: transparent;position: relative;top: 2px;color:var(--text-color);}
[cat-in] i::before{background: transparent;}
[cat-in] [cartin-small]{font-size: 11px;transform: scale(0.5);position: relative;bottom: -10px;color:var(--text-color);}
[cat-in].el-button{
     background: var(--bg);
     transition: all 0.5s ease;
     color: #FFF;
}
[cat-in].el-button:focus,
[cat-in].el-button:focus *,
[cat-in].el-button:hover,
[cat-in].el-button:hover *
{
    background: var(--bg);
    color: var(--text-color);
    transition: all 0.1s ease;
}
[cat-in].el-button:active,
[cat-in].el-button:active *
{
    background: var(--bg-light);
    color: var(--text-color);
    transition: all 0.1s ease;
}
[cat-in].el-button.is-circle{
    padding: 22px;
    border-color: var(--text-color);
}
[product-detail]{padding:0 1em;}
[product-detail] .el-collapse{border-top: 1px solid var(--main-color);}
[product-detail] .el-collapse-item__header{border-bottom: 1px solid var(--main-color);}
[product-detail] .el-collapse-item__header i{color:var(--main-color);}
[main-table] h2{
        border-bottom: 1px dashed var(--main-color);
        line-height: 1.5em;
        font-size: min(4.5vmin , 18px);
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        letter-spacing: 0.05em;
}
[main-table] h2[product-lot]{font-size: 0.8em;}
[main-table] h2[product-price]{font-size: 18px;line-height: 1.2em;border:none;}
[main-table] h2[product-price] span[small-text]{font-size: 0.8em;display: inline-block;margin-left: 0.2em;font-weight: 400;}
[main-table] h2[product-price] span[smaller-text]{font-size: 11px;display: inline-block;margin-left: 0.2em;}
[yen-mark]{font-size: 0.75em;display: inline-block;margin-left: 0.2em;}
[product-copy]{line-height: 1.6em;font-size: min(3.5vmin , 15px);color: var(--main-color);padding: 1em 0;text-align: justify;}
[product-list] .el-collapse{
    border-bottom: none;
}
[product-list] .el-collapse-item:last-child{
    margin: 0;
}
[product-list] .el-collapse-item__header{
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: transparent;
    color: var(--main-color);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: 0;
    font-weight: 600;
}
.el-collapse-item__wrap{
    will-change: height;
    background-color: transparent;
    box-sizing: border-box;
}
.el-collapse-item__content{
    font-size: 13px;
    color: var(--main-color);
    line-height: 1.769230769230769;
    background: transparent;
    padding-bottom: 1em;
}
.el-collapse-item__content *,dl [product-teble] *{
    color: var(--main-color);
}
dl[product-teble]{}
dl[product-teble] dt{
    font-weight: 600;
    padding-left: 0.5em;
    font-size: 13px;
    padding-top: 0.5em;
}
dl[product-teble] dd{
    font-weight: 400;
    font-size: min(3.5vmin , 15px);
    border-bottom: 1px dashed var(--main-color);;
    padding-bottom: 0.5em;
}
dl[product-teble] dd:last-child{
    border: none;
}
[product-list] p{text-align:justify;line-height:1.5em;font-size:min(4vmin , 16px);margin:0.6em 0 0 0;}
.swiper-pagination-bullet{background: rgba(43,56,85,0.7);border-radius: 1px;width: 20px;height: 5px;}
.swiper-pagination-bullet-active{background: var(--main-color)}
.swiper-pagination.swiper-pagination-bullets{margin-top: -15px;}
[product-details] .el-collapse-item__header i{
    font-size: 1.3em;
    font-weight: bold;
}
[article-linkbox]{
    padding:0.5em 0;
    text-align:right;
    width:100%;
    border-top: 1px dashed var(--main-color);
}
[article-link]{
    border:1px solid #ccc;
    padding:0.5em 0.8em;
    background:#FFF;
    color:#888;
    width:100%;
    border-radius:0.4em;
    display: flex;flex-flow:row nowrap;justify-content: center;align-items: center;
}
[article-link]:active{
    background:#ccc;
    color:#FFF;
}







[zip-find]{width:100%;min-height: 50vh;}
[zip-find] *,[zip-find] label{color: var(--bg) !important;}
[zip-find] h4{padding: 0.5em 1em;font-size: min(3.2vmin , 13px);}
[page-content] [zip-find] [conponent-split] select{
    border: 1px solid var(--bg);
    background: #FFF;
    color:var(--bg);
    -webkit-text-fill-color: var(--bg);
    opacity: 1;
}
[zip-find] [conponent-split] select option{color:var(--main-color);
}
[zip-find] [conponent-split] select:disabled::-moz-placeholder{color:var(--main-color);
}
[zip-find] [conponent-split] select:disabled:-ms-input-placeholder{color:var(--main-color);
}
[zip-find] [conponent-split] select:disabled::placeholder{color:var(--main-color);
}
[zip-find] [btn-mini]{
    border: 1px solid var(--bg);
    background:var(--text-color);
    color:var(--bg);
}
[zip-find] [btn-mini]:focus,[zip-find] [btn-mini]:active{
    border: 1px solid var(--bg);
    background: var(--bg);
    color:var(--text-color);
}