.__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);
      animation-duration: 2000ms;
      top: calc(65px / 2.3077);
      left: calc(65px / 2.3077);
      background-color: #F3971D;
      position: absolute;
      animation-iteration-count: infinite;
}
.breeding-rhombus-spinner .rhombus:nth-child(2n+0) {
       margin-right: 0;
}
.breeding-rhombus-spinner .rhombus.child-1 {
      animation-name: breeding-rhombus-spinner-animation-child-1;
      animation-delay: calc(100ms * 1);
}
.breeding-rhombus-spinner .rhombus.child-2 {
      animation-name: breeding-rhombus-spinner-animation-child-2;
      animation-delay: calc(100ms * 2);
}
.breeding-rhombus-spinner .rhombus.child-3 {
      animation-name: breeding-rhombus-spinner-animation-child-3;
      animation-delay: calc(100ms * 3);
}
.breeding-rhombus-spinner .rhombus.child-4 {
      animation-name: breeding-rhombus-spinner-animation-child-4;
      animation-delay: calc(100ms * 4);
}
.breeding-rhombus-spinner .rhombus.child-5 {
      animation-name: breeding-rhombus-spinner-animation-child-5;
      animation-delay: calc(100ms * 5);
}
.breeding-rhombus-spinner .rhombus.child-6 {
      animation-name: breeding-rhombus-spinner-animation-child-6;
      animation-delay: calc(100ms * 6);
}
.breeding-rhombus-spinner .rhombus.child-7 {
      animation-name: breeding-rhombus-spinner-animation-child-7;
      animation-delay: calc(100ms * 7);
}
.breeding-rhombus-spinner .rhombus.child-8 {
      animation-name: breeding-rhombus-spinner-animation-child-8;
      animation-delay: calc(100ms * 8);
}
.breeding-rhombus-spinner .rhombus.big {
      height: calc(65px / 3);
      width: calc(65px / 3);
      animation-duration: 2000ms;
      top: calc(65px / 3);
      left: calc(65px / 3);
      background-color: #F3971D;
      animation: breeding-rhombus-spinner-animation-child-big 2s infinite;
      animation-delay: 0.5s;
}
@keyframes breeding-rhombus-spinner-animation-child-1 {
50% {
        transform: translate(-325%, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-2 {
50% {
        transform: translate(0, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-3 {
50% {
        transform: translate(325%, -325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-4 {
50% {
        transform: translate(325%, 0);
}
}
@keyframes breeding-rhombus-spinner-animation-child-5 {
50% {
        transform: translate(325%, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-6 {
50% {
        transform: translate(0, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-7 {
50% {
        transform: translate(-325%, 325%);
}
}
@keyframes breeding-rhombus-spinner-animation-child-8 {
50% {
        transform: translate(-325%, 0);
}
}
@keyframes breeding-rhombus-spinner-animation-child-big {
50% {
        transform: scale(0.5);
}
}



[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;}




footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  height: 80px;
  background-color: var(--mainColor);
}
.footer__link {
  display: flex;
  justify-content: center;
}
.footer__link li {
  width: 96px;
  padding: 8px 0;
  color: var(--whiteColor);
  font-size: 0.67em;
  text-align: center;
}
.footer__link img {
  display: block;
  width: 25px;
  margin: 0 auto 4px;
  filter: grayscale(1) brightness(200%);
}
.footer__link span {
  letter-spacing: -0.04em;
}
.footer__link .current {
  color: var(--subColor);
}
.footer__link .current img {
  filter: none;
}


header[data-v-1a9bb128] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  width: 100%;
  height: 48px;
  background-color: var(--mainColor);
}
.header__title[data-v-1a9bb128] {
  font-size: 0.95em;
  color: var(--whiteColor);
  text-align: center;
}
.header__cart[data-v-1a9bb128] {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  align-content: center;
  justify-content: center;
  place-content: center;
  width: 70px;
  height: 48px;
}
.header__cart.hasContent[data-v-1a9bb128] {
  background-color: var(--subColor);
  cursor: pointer;
}
.header__cart img[data-v-1a9bb128] {
  width: 26.75px;
  height: 27.86px;
  padding-top: 5px;
}
.header__number[data-v-1a9bb128] {
  position: absolute;
  top: 8px;
  right: 12px;
  min-width: 18px;
  height: 18px;
  display: grid;
  align-items: center;
  justify-items: center;
  place-items: center;
  padding: 0 2px;
  background-color: var(--whiteColor);
  border: 1px solid var(--subColor);
  border-radius: 18px;
  color: var(--subColor);
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
}
/* カートモーダル */
.cart-modal[data-v-1a9bb128] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.55);
  transition: visibility 0.3s, opacity 0.3s;
}
.cart-modal__inner[data-v-1a9bb128] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 24px 0 104px;
  background-color: var(--whiteColor);
}
.cart-modal__title[data-v-1a9bb128] {
  position: relative;
  margin-left: 24px;
  padding: 0 1.5em 1.25em;
}
.cart-modal__title[data-v-1a9bb128]::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 0.85em;
  height: 2px;
  background-color: var(--subColor);
}
.cart-modal__close[data-v-1a9bb128] {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 13px;
  height: 13px;
  padding: 0;
  background-color: transparent;
  border: none;
}
.cart-modal__scroll[data-v-1a9bb128] {
  overflow-x: scroll;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  display: flex;
  align-items: stretch;
  padding: 0 24px;
}
.cart-modal__product[data-v-1a9bb128] {
  width: 254px;
  min-width: 254px;
  scroll-snap-align: center;
  padding: 12px;
  background-color: var(--mainColor);
  border-radius: 8px;
  color: var(--whiteColor);
}
.cart-modal__product + .cart-modal__product[data-v-1a9bb128] {
  margin-left: 20px;
}
.cart-modal__head[data-v-1a9bb128] {
  display: flex;
  align-items: center;
}
.cart-modal__image[data-v-1a9bb128] {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border: 1px solid var(--grayColor);
  border-radius: 8px;
}
.cart-modal__image img[data-v-1a9bb128] {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cart-modal__name[data-v-1a9bb128] {
  flex: 1;
  padding-left: 12px;
}
.cart-modal__number[data-v-1a9bb128] {
  padding: 8px 0;
  border-bottom: 1px solid var(--whiteColor);
  font-size: 0.8em;
}
.cart-modal__unit[data-v-1a9bb128] {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  font-size: 0.8em;
}
.cart-modal__unit dd[data-v-1a9bb128] {
  font-weight: bold;
}
.cart-modal__inner .button__wrapper[data-v-1a9bb128] {
  margin: 24px 0 0 auto;
}
.cart-modal__button[data-v-1a9bb128] {
  padding-top: 24px;
  text-align: center;
}
.cart-modal__button .button--orange[data-v-1a9bb128] {
  font-size: 1.34em;
}


[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;
}



[card-pay]{background: #FFF;padding-top: 1em;margin-top: 1em;border-radius: 6px;border: 1px solid var(--grayColor);}
[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{
    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;}
[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;}
*:not(input):not(textarea){-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
[payment-send] button{
	--line        : #00B900;
	--main-color  : #FFF;
    --main-light  : #13448f;
    --bg          : #0f2e5d;
    --bg-light    : #13448f;
    --text-color  : #FFF;
    --footer-text : #13448f;
    --cart-btn    : #FFF;
    --cart-btn-bg : #0f2e5d;
    --cart-btn-light: #13448f;
    background: 0 0;
}









































































































































































































































/* 商品一覧 */
.product__wrapper {
  overflow: hidden;
  margin-bottom: 12px;
  background-color: var(--whiteColor);
  border: 1px solid var(--grayColor);
  border-radius: 8px;
}
.product__image {
  position: relative;
}
.product__image img {
  width: 100%;
  max-width: none;
}
.product__explanation {
  border-top: 1px solid var(--grayColor);
  padding: 44px 12px 12px;
}
.product__title {
  font-size: 1.34em;
  line-height: 1.2em;
}
.product__text {
  margin: 12px 0;
  font-size: 0.8em;
}
.product__purchase-unit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.product__price {
  font-weight: bold;
}
.product__detail {
  border-top: 1px solid var(--grayColor);
}
.product__detail-title {
  position: relative;
  padding: 0.7em 1.5em 0;
  font-weight: bold;
  transition: padding-bottom 0.3s;
}
.product__detail-title.open {
  padding-bottom: 0.5em;
}
.product__detail-title::before {
  content: "";
  position: absolute;
  top: 1.375em;
  left: 0;
  width: 0.85em;
  height: 2px;
  background-color: var(--subColor);
}
.product__detail-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-15%) rotate(45deg);
  width: 0.6em;
  height: 0.6em;
  border-right: 2px solid var(--blackColor);
  border-bottom: 2px solid var(--blackColor);
  transition: transform .3s;
}
.product__detail-title.open::after {
  transform: translateY(-20%) rotate(225deg);
}
.product__detail-explanation {
  overflow: hidden;
  height: 0;
  padding-left: 1.5em;
  font-size: 0.8em;
  transition: height .4s;
}
/* Swiper */
.product__image .swiper-pagination.swiper-pagination-bullets {
  bottom: -24px;
}
.product__image .swiper-pagination-bullet {
  border-radius: 1px;
  width: 20px;
  height: 5px;
}
.product__image .swiper-pagination-bullet-active {
  background-color: var(--subColor);
}
.product__detail.el-collapse {
  border-top: 1px solid var(--grayColor);
  border-bottom: none;
}
.product__detail-title.el-collapse-item {
  position: relative;
  padding: 0.7em 0 0 1.5em;
  font-weight: bold;
  transition: padding-bottom 0.3s;
}
.product__detail-title.el-collapse-item:last-child {
  margin-bottom: 0;
}
.product__detail-title.el-collapse-item::before {
  content: "";
  position: absolute;
  top: 1.375em;
  left: 0;
  width: 0.85em;
  height: 2px;
  background-color: var(--subColor);
}
.product__detail-title.el-collapse-item::after {
  content: "";
  position: absolute;
  top: 1.1em;
  right: 0.5em;
  transform: translateY(-15%) rotate(45deg);
  width: 0.6em;
  height: 0.6em;
  border-right: 2px solid var(--blackColor);
  border-bottom: 2px solid var(--blackColor);
  transition: transform .3s;
}
.product__detail-title.el-collapse-item.is-active::after {
  transform: rotate(225deg);
}
.product__detail .el-collapse-item__arrow {
  display: none;
}
.product__detail .el-collapse-item__header {
  display: block;
  height: auto;
  padding-right: 1.5em;
  color: inherit;
  border-bottom: none;
  font-size: 1em;
  font-weight: bold;
  line-height: inherit;
}
.product__detail .el-collapse-item__header.is-active {
  padding-bottom: 0.5em;
}
.product__detail .el-collapse-item__wrap {
  border-bottom: none;
}
.product__detail .el-collapse-item__content {
  padding-bottom: 0;
  color: var(--blackColor);
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
}
/* Swiper */
.swiper-container {
  overflow-x: hidden;
  position: static;
}
.swiper-pagination-bullets {
  bottom: -24px;
}
.swiper-pagination-bullet {
  border-radius: 1px;
  width: 20px;
  height: 5px;
}
.swiper-pagination-bullet-active {
  background-color: #F0A10C;
}


[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);
}





/*# sourceMappingURL=app.css.map*/