@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
  /* #7117 >> */
  color: #000;
  /* << #7117 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.modal-open {
  padding-right: 0px !important;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

/* C's modified >> */
.modal-body > p > span + span.highlight {
  display: block;
}

.card_area.is-disabled .modal-body.choice-detail-modal,
.card_area.is-disabled .modal-body.together-detail-modal {
  color: #000;
}
/* << C's modified */

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

html {
  font-size: 100%;
}

body {
  color: #000;
  line-height: 1.6;
  background: #ffffff;
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans GB W3", "メイリオ",
    Meiryo, "MS PGothic", sans-serif;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

main {
  display: block;
}

ul,
ol,
li,
p,
dl,
dt,
dd,
button,
figure,
blockquote {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

video,
svg,
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

table {
  border: solid 0.0625rem #000;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  border: solid 0.0625rem #000;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

figure {
  margin: 1rem 0;
}

figure:first-child {
  margin-top: 0;
}

figure:last-child {
  margin-bottom: 0;
}

p + p {
  margin-top: 1em;
}

textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder {
  color: #aaa;
}

textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder {
  color: #aaa;
}

textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder {
  color: #aaa;
}

textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
  color: #aaa;
}

input[type="text"]::-ms-clear {
  visibility: hidden;
}

input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}

input[type="text"]:focus::-moz-placeholder {
  color: transparent;
}

input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}

input[type="text"]:focus::-ms-input-placeholder {
  color: transparent;
}

input[type="text"]:focus::placeholder {
  color: transparent;
}

/* C's modified >> */
button.modal-link:focus {
  background-color: transparent;
}
/* << C's modified */

button {
  border: none;
  background: none;
  cursor: pointer;
}

button:hover,
button:active {
  outline: none;
}

template {
  display: none;
}

.header {
  /* change theme >> */
  background-color: #007749;
  /*  border-bottom: solid 6px #E4002B;*/
  /* << change theme */
  position: relative;
  padding-bottom: 2px;
}

.header:after {
  content: "";
  /* change theme >> */
  /*  border-bottom: solid 2px #fff;*/
  /* << change theme */
  position: absolute;
  width: 100%;
  height: 2px;
}

.header-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* #6553 >> */
  /*    justify-content: space-between;*/
  justify-content: flex-start;
  padding: 20px 0;
  /* << #6553 */
}

.header-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* #6553 >> */
  justify-content: flex-end;
  padding-top: 4px;
  /* << #6553 */
}

.header-login-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 35px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.32);
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

.header-login-item a:hover {
  color: #4d4d4d;
  -webkit-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.22);
}

.header-login-item .login {
  /* << change theme */
  color: #007749;
  /* change theme >> */
}

.header-login-item .login:hover {
  /* << change theme */
  /*  color: #4dc269;*/
  color: #4d9279;
  /* change theme >> */
}

.header-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*
  margin-right: 10px;
*/
}

/* #6553 >> */
.header-inner form {
  flex: auto;
}
/* << #6553 */
.header-logo a {
  display: block;
  max-width: 265px;
}

.header-logo img {
  width: 100%;
}

/* #6553 >> */
.header-notice,
.header-user_entry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  margin-top: 4px;
  padding-left: 1.5rem;
}
.header-notice a,
.header-user_entry a {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  color: white;
}
.header-notice span,
.header-user_entry span {
  padding-left: 8px;
}
.logo-pc {
  display: inline-block;
}
.header-logo img.logo-sp {
  display: none;
}
.header-notice img {
  max-width: 1.2em;
  min-width: 1.2em;
}
.header-user_entry img {
  max-width: 1.6em;
  min-width: 1.6em;
  padding-top: 0.1rem;
}
@media screen and (max-width: 767px) {
  .logo-pc {
    display: none;
  }
  .header-logo img.logo-sp {
    display: inline-block;
    width: 75%;
  }
  .header-notice,
  .header-user_entry {
    padding-left: 1rem;
    text-align: center;
  }
  .header-notice span,
  .header-user_entry span {
    /** 消す場合 **/
    display: none;

    /** 消さない場合 **
    display: block;
    font-size: 0.6rem;
    padding-left: 0;
    margin-top: -4px;
  **/
  }
  .header-user_entry img {
    max-width: 2.2em;
    min-width: 2.2em;
    padding-top: 0rem;
    margin-left: 6px;
  }
  .header-notice img {
    max-width: 1.7em;
    min-width: 1.7em;
  }
}
/* << #6553 */

.header-logo .login {
  /* change theme >> */
  color: #007749;
  /* << change theme */
}

.header-login-item + .header-login-item {
  margin-left: 15px;
}

.myNav-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* #6553 >> */
  flex: auto;
  justify-content: flex-end;
  padding-top: 4px;
  /* << #6553 */
}

.myNav-btn {
  color: #fff;
  position: relative;
  padding-left: 1.6em;
  text-align: left;
  word-break: break-all;
}

.myNav-btn:before {
  content: "";
  display: inline-block;
  /*
  width: 2.2em;
  height: 2.2em;
*/
  /*
  width: 1.6em;
  height: 1.6em;
*/
  width: 1.2em;
  height: 1.2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50.55px' height='50.55px' viewBox='0 0 50.55 50.55'%3E%3Cpath fill='%23fff' d='M25.28,28.44A14.22,14.22,0,1,0,11.06,14.22,14.22,14.22,0,0,0,25.28,28.44ZM37.92,31.6H32.47a17.17,17.17,0,0,1-14.39,0H12.64A12.63,12.63,0,0,0,0,44.23v1.58a4.74,4.74,0,0,0,4.74,4.74H45.81a4.74,4.74,0,0,0,4.74-4.74V44.23A12.62,12.62,0,0,0,37.92,31.6Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 50%;
  position: absolute;
  /*  top: -.4em;*/
  top: -0.1em;
  padding-right: 1rem;
  left: 0;
}

.myNav-btn:hover .myNav-btn-txt {
  text-decoration: underline;
}

/* #6553 >> */
.myNav-btn-txt {
  padding-left: 0.5rem;
}
/* << #6553 */

.myNav {
  color: #fff;
  position: absolute;
  right: 0;
  top: calc(100% - 10px);
  /* #6901 >>*/
  /*  z-index: 9999;*/
  z-index: 120000;
  /* <<#6901 */
}

.myNav a {
  color: #fff;
}

.myNav-head {
  padding: 20px 19px 15px;
  background-color: #002614;
}

.myNav-name {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 30px 15px 0;
  border-bottom: solid 1px #fff;
  word-break: break-all;
}

.myNav-grade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
}

.myNav-grade-myGrade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1rem;
}

.myNav-grade-myGrade-img {
  width: 1.5em;
  height: 1.5em;
}

.myNav-grade-myGrade-img img {
  width: 1.5em;
  height: 1.5em;
}

.myNav-grade-myGrade-txt {
  padding-left: 10px;
  font-size: 0.875em;
  font-weight: bold;
}

.myNav-grade-link {
  font-size: 0.75rem;
  padding-top: 5px;
}

.myNav-grade-link .link-blank:after {
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M44.47,1.29H14.35c-2.49,0-4.52,2.02-4.52,4.52v4.52H5.31c-2.49,0-4.52,2.02-4.52,4.52v30.12c0,2.49,2.02,4.52,4.52,4.52 h30.12c2.49,0,4.52-2.02,4.52-4.52v-4.52h4.52c2.49,0,4.52-2.02,4.52-4.52V5.81C48.98,3.32,46.96,1.29,44.47,1.29z M35.43,44.97 H5.31V25.39h30.12V44.97z M44.47,35.93h-4.52V14.85c0-2.49-2.02-4.52-4.52-4.52H14.35V5.81h30.12V35.93z'/%3E%3C/svg%3E");
}

.myNav-cache {
  background-color: #f9f0d9;
  padding: 20px 19px;
}

.myNav-cache-inner {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.myNav-cache-item {
  width: 50%;
  padding: 0 5px;
}

.myNav-cache-ttl {
  font-size: 0.75rem;
  font-weight: bold;
  color: #002614;
  margin-bottom: 5px;
}

.myNav-cache-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: 5px 50%;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
  height: 45px;
  padding-left: 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.myNav-cache-item.money .myNav-cache-amount {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cpath style='fill:%23FFFFFF;' d='M20.09,72.54c-1.81-0.34-3.02-2.1-2.68-3.91l9.87-52.7c0.34-1.81,2.1-3.02,3.91-2.68l58.04,10.87 C80.86,11.51,66.55,3.2,50.29,3.2c-25.8,0-46.71,20.91-46.71,46.71c0,25.8,20.91,46.71,46.71,46.71c12.27,0,23.43-4.74,31.76-12.47 L20.09,72.54z'/%3E%3Cpath style='fill:%23009933;' d='M53.53,58.68c0.02,0.09,0.05,0.17,0.07,0.25l0.67,3.67l0.5-2.67c0.1-0.53,0.31-1.01,0.6-1.43 C54.82,58.61,54.21,58.68,53.53,58.68z'/%3E%3Cpolygon style='fill:%23009933;' points='82.05,84.15 82.06,84.14 20.09,72.54 '/%3E%3Cpath style='fill:%23009933;' d='M43.58,56.41c-0.45,0.1-0.91,0.12-1.37,0.03l-0.57-0.11c0.24,0.41,0.65,1.11,0.71,1.97l0.82-1.33 C43.29,56.77,43.43,56.58,43.58,56.41z'/%3E%3Cpath style='fill:%23009933;' d='M37.17,37.7c0.3,0.41,0.55,0.86,0.67,1.37c0.36-0.52,0.84-0.9,1.37-1.18c-0.26-0.31-0.5-0.64-0.71-1 C38.1,37.23,37.64,37.49,37.17,37.7z'/%3E%3Cpath style='fill:%23009933;' d='M47.03,41.56c0.65-0.53,1.33-0.92,2.03-1.24c-0.61-0.49-1.14-1.08-1.52-1.78 c-0.46,0.4-0.99,0.69-1.53,0.92c0.41,0.61,0.66,1.34,0.65,2.11c0,0-0.01,0.12-0.01,0.32C46.77,41.78,46.9,41.66,47.03,41.56z'/%3E%3Cpath style='fill:%23009933;' d='M27.28,15.93l-9.87,52.7c-0.34,1.81,0.87,3.57,2.68,3.91l61.97,11.6C91.25,75.61,97,63.44,97,49.91 c0-9.54-2.86-18.4-7.77-25.79L31.19,13.25C29.38,12.91,27.62,14.12,27.28,15.93z M39.24,18.88c0.87-0.22,1.75-0.24,2.62-0.08 c1.81,0.33,3.31,1.44,4.14,2.98c0.67-0.58,1.45-1,2.3-1.21c0.87-0.22,1.75-0.24,2.62-0.08c2.21,0.41,3.97,1.97,4.59,4.06l2.84,9.56 c0.47,1.58,0.29,3.22-0.52,4.63c-0.31,0.54-0.72,1-1.17,1.41c2.06,0.74,3.59,1.97,4.79,3.85c1.51-1.68,3.98-2.73,7.37-2.13 l0.13,0.02c2.23,0.42,3.75,1.34,4.57,1.83c1.71,1.04,2.32,3.35,1.35,4.98l-0.04,0.09c-0.11,0.21-0.27,0.52-0.38,0.71 c-0.23,0.4-0.53,0.74-0.88,1.02c0.29,0.32,0.52,0.64,0.69,0.98c0.72,1.32,0.89,2.54,0.58,4.18c-0.26,1.37-0.93,2.77-2.07,3.84 l3.33,0.62c4.93,0.92,9.38,4.66,8.2,10.96c-1.18,6.28-6.68,8.16-11.61,7.24l-2.28-0.43c-0.08,0-0.16-0.02-0.24-0.03l-1.42-0.28 c-1.01-0.19-1.84-0.78-2.38-1.57c-0.79,0.57-1.78,0.8-2.78,0.61l-1.46-0.27c-0.83-0.16-1.79-0.71-2.4-1.62 c-0.79,0.57-1.8,0.83-2.83,0.64l-1.2-0.23c-0.7-0.14-1.32-0.47-1.81-0.92c-0.6,0.26-1.28,0.34-1.97,0.21l-1.6-0.3 c-2.12-0.4-2.94-1.61-3.32-2.82l-2.19-0.41c-0.78,1-1.99,1.83-4.11,1.43l-1.61-0.3c-0.92-0.17-1.68-0.68-2.16-1.41 c-1.47,0.53-3.41,0.8-5.93,0.33c-5.55-1.04-8.82-5.8-7.79-11.32c0.49-2.64,1.86-4.74,3.74-6.12c-0.79-0.28-1.47-0.82-1.88-1.56 c-0.52-0.94-0.6-2.09-0.22-3.1c0-0.01,0.25-0.71,3.86-10.6c0.31-0.84,0.88-1.5,1.59-1.93c-0.76-0.82-1.27-1.88-1.44-3.02 c-0.24-1.6,0.18-3.2,1.19-4.5c0,0,5.43-6.95,5.65-7.23C36.73,20.28,37.77,19.25,39.24,18.88z'/%3E%3Cline style='fill:none;stroke:%2300A755;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;' x1='82.06' y1='84.14' x2='20.09' y2='72.54'/%3E%3Cpath style='fill:none;stroke:%2300A755;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;' d='M17.41,68.63 c-0.34,1.81,0.87,3.57,2.68,3.91'/%3E%3Cpath style='fill:%23006633;' d='M61.69,63.17l-0.99-0.19l-0.58,3.07l1.19,0.22c1.2,0.22,1.68-0.62,1.81-1.27 C63.32,63.92,62.68,63.36,61.69,63.17z'/%3E%3Cpath style='fill:%23006633;' d='M77.55,69.81c0.55-2.99-1.09-3.9-2.56-4.17l-1.01-0.19l-1.34,7.14l1.01,0.19 C75.12,73.06,76.98,72.8,77.55,69.81z'/%3E%3Cpolygon style='fill:%23006633;' points='45.58,65.46 48.28,65.96 47.59,62.19 '/%3E%3Cpath style='fill:%23006633;' d='M53.73,45.92c-0.82-0.15-1.44,0.05-2.11,0.54c-0.64,0.5-1.06,1.21-1.23,2.12 c-0.17,0.89,0,1.73,0.4,2.42c0.45,0.7,0.94,1.09,1.75,1.24c0.77,0.15,1.29,0.01,1.9-0.38c0.58-0.39,1.02-0.97,1.28-1.74 c0.05-0.11,0.09-0.2,0.11-0.31l0.06-0.3c0.16-0.87,0.04-1.67-0.41-2.35C55.07,46.48,54.56,46.08,53.73,45.92z'/%3E%3Cpath style='fill:%23006633;' d='M28.86,33.32c0.17,1.14,0.68,2.2,1.44,3.02c-0.71,0.43-1.28,1.09-1.59,1.93 c-3.61,9.89-3.86,10.59-3.86,10.6c-0.38,1.01-0.3,2.16,0.22,3.1c0.41,0.74,1.09,1.28,1.88,1.56c-1.88,1.38-3.25,3.48-3.74,6.12 c-1.03,5.52,2.24,10.28,7.79,11.32c2.52,0.47,4.46,0.2,5.93-0.33c0.48,0.73,1.24,1.24,2.16,1.41l1.61,0.3 c2.12,0.4,3.33-0.43,4.11-1.43L47,71.33c0.38,1.21,1.2,2.42,3.32,2.82l1.6,0.3c0.69,0.13,1.37,0.05,1.97-0.21 c0.49,0.45,1.11,0.78,1.81,0.92l1.2,0.23c1.03,0.19,2.04-0.07,2.83-0.64c0.61,0.91,1.57,1.46,2.4,1.62l1.46,0.27 c1,0.19,1.99-0.04,2.78-0.61c0.54,0.79,1.37,1.38,2.38,1.57l1.42,0.28c0.08,0.01,0.16,0.03,0.24,0.03l2.28,0.43 c4.93,0.92,10.43-0.96,11.61-7.24c1.18-6.3-3.27-10.04-8.2-10.96l-3.33-0.62c1.14-1.07,1.81-2.47,2.07-3.84 c0.31-1.64,0.14-2.86-0.58-4.18c-0.17-0.34-0.4-0.66-0.69-0.98c0.35-0.28,0.65-0.62,0.88-1.02c0.11-0.19,0.27-0.5,0.38-0.71 l0.04-0.09c0.97-1.63,0.36-3.94-1.35-4.98c-0.82-0.49-2.34-1.41-4.57-1.83l-0.13-0.02c-3.39-0.6-5.86,0.45-7.37,2.13 c-1.2-1.88-2.73-3.11-4.79-3.85c0.45-0.41,0.86-0.87,1.17-1.41c0.81-1.41,0.99-3.05,0.52-4.63l-2.84-9.56 c-0.62-2.09-2.38-3.65-4.59-4.06c-0.87-0.16-1.75-0.14-2.62,0.08c-0.85,0.21-1.63,0.63-2.3,1.21c-0.83-1.54-2.33-2.65-4.14-2.98 c-0.87-0.16-1.75-0.14-2.62,0.08c-1.47,0.37-2.51,1.4-3.54,2.71c-0.22,0.28-5.65,7.23-5.65,7.23 C29.04,30.12,28.62,31.72,28.86,33.32z M37.8,67.62c-1.12,0.88-3.07,1.74-6.36,1.12c-4.28-0.8-6.78-4.41-5.98-8.66 c0.8-4.25,4.44-6.72,8.71-5.92c3.29,0.61,4.8,2.12,5.52,3.34c0.28,0.47,0.52,0.89,0.34,1.31c-0.22,0.51-0.54,0.57-0.82,0.62 c0,0-1.65,0.35-2.14,0.41c-0.73,0.09-0.82-0.15-1.21-0.68c-0.5-0.68-0.96-1.07-2.28-1.32c-1.72-0.32-3.21,1.06-3.59,3.09 c-0.37,2.01,0.52,3.84,2.24,4.16c1.31,0.25,1.89,0.05,2.6-0.4c0.56-0.36,0.73-0.55,1.38-0.2c0.44,0.23,1.85,1.16,1.85,1.16 c0.24,0.15,0.52,0.32,0.54,0.87C38.61,66.98,38.23,67.28,37.8,67.62z M52.34,72.21l-1.6-0.3c-1.17-0.22-1.49-0.68-1.7-1.83 l-0.13-0.71l-5.14-0.96l-0.38,0.61c-0.61,0.99-1.08,1.31-2.25,1.09l-1.61-0.3c-0.75-0.14-1.07-0.84-0.61-1.59l6.19-10.06 c0.45-0.73,1.46-1.24,2.25-1.09l0.69,0.13l0.91,0.17l0.7,0.13c0.79,0.15,1.55,0.99,1.7,1.83l2.13,11.62 C53.65,71.82,53.09,72.35,52.34,72.21z M41.64,56.33l0.57,0.11c0.46,0.09,0.92,0.07,1.37-0.03c-0.15,0.17-0.29,0.36-0.41,0.56 l-0.82,1.33C42.29,57.44,41.88,56.74,41.64,56.33z M54.27,62.6l-0.67-3.67c-0.02-0.08-0.05-0.16-0.07-0.25 c0.68,0,1.29-0.07,1.84-0.18c-0.29,0.42-0.5,0.9-0.6,1.43L54.27,62.6z M67.24,65.95c-0.67,2.25-3.23,2.3-3.23,2.3 s1.22,3.22,1.59,4.2c0.37,0.98-0.45,2.15-1.58,1.94l-1.46-0.27c-0.26-0.05-0.9-0.35-1.11-1.02c-0.21-0.67-1.65-5.36-1.65-5.36 l-0.79,4.2c-0.15,0.79-0.9,1.35-1.69,1.2l-1.2-0.23c-0.75-0.14-1.3-0.88-1.15-1.69l2.04-10.88c0.15-0.79,0.92-1.29,1.68-1.15 l4.54,0.85c1.97,0.37,3.01,1.23,3.69,2.43C67.49,63.47,67.56,64.91,67.24,65.95z M73.17,61.91l2.52,0.47 c3.77,0.7,7.3,3.37,6.38,8.28c-0.92,4.92-5.18,6.14-8.95,5.43l-2.41-0.45c-0.04-0.01-0.07,0-0.11-0.01l-1.4-0.27 c-0.74-0.14-1.3-0.87-1.15-1.68l2.03-10.84c0.15-0.78,0.9-1.34,1.69-1.19l0.7,0.13L73.17,61.91z M62.29,53.25 c0.48-0.02,0.75,0.16,1.01,0.35c0.15,0.11,0.4,0.31,0.86,0.67c0.73,0.56,1.76,1.04,2.1,1.14c0.85,0.31,1.77,0.03,1.91-0.73 c0.2-1.04-1.63-1.42-3.45-2.59c-1.59-0.96-3-2.62-2.67-4.39c0.43-2.32,2.54-4.27,6.36-3.6c1.94,0.35,3.22,1.14,3.98,1.6 c0.6,0.36,0.86,1.26,0.52,1.84c-0.03,0.06-0.3,0.58-0.44,0.83c-0.14,0.25-0.44,0.56-0.96,0.66c-0.41,0.08-0.78-0.05-1.11-0.25 c-0.31-0.2-0.69-0.5-1.24-0.8c-0.72-0.33-0.95-0.42-1.45-0.49c-0.66-0.01-1.14,0.47-1.04,0.99c0.08,0.55,1.02,1.1,2.21,1.68 c1.53,0.72,2.96,1.55,3.35,2.38c0.43,0.78,0.59,1.46,0.36,2.7c-0.34,1.84-1.93,4.66-7.08,3.7c-2.09-0.39-3.93-1.75-4.61-2.25 c-0.27-0.2-0.43-0.4-0.55-0.88c-0.1-0.41,0.06-0.83,0.24-1.1c0.15-0.21,0.36-0.52,0.58-0.85C61.37,53.56,61.76,53.27,62.29,53.25z M59.63,45.37c0.91,1.46,1.17,3.1,0.83,4.93c-0.11,0.57-0.25,1.1-0.45,1.63c-0.57,1.49-1.49,2.59-2.69,3.34 c-1.24,0.79-2.36,1.21-4.09,1.15c-0.4-0.01-0.88-0.08-1.44-0.18c-0.22-0.04-0.44-0.09-0.67-0.15c-0.21-0.04-0.46-0.12-0.68-0.19 c-1.82-0.68-2.89-1.67-3.76-3.19c-0.88-1.47-1.14-3.16-0.79-5.01c0.34-1.82,1.18-3.28,2.54-4.34c1.36-1.11,2.72-1.63,4.66-1.6 c0.1,0,0.31,0.02,0.59,0.04c0.26,0.04,0.53,0.07,0.79,0.12c0.23,0.05,0.48,0.09,0.71,0.16c0.25,0.04,0.47,0.12,0.7,0.2 C57.6,42.9,58.74,43.92,59.63,45.37z M46.01,39.46c0.54-0.23,1.07-0.52,1.53-0.92c0.38,0.7,0.91,1.29,1.52,1.78 c-0.7,0.32-1.38,0.71-2.03,1.24c-0.13,0.1-0.26,0.22-0.38,0.33c0-0.2,0.01-0.32,0.01-0.32C46.67,40.8,46.42,40.07,46.01,39.46z M48.85,22.79c1.97-0.49,3.93,0.61,4.48,2.42l2.84,9.55c0.61,2.06-0.63,4.03-2.43,4.48c-1.97,0.49-3.94-0.61-4.48-2.42l-2.83-9.55 C45.82,25.22,47.06,23.24,48.85,22.79z M39.8,21.09c1.97-0.49,3.94,0.61,4.48,2.43l2.84,9.55c0.61,2.06-0.63,4.03-2.42,4.48 c-1.97,0.49-3.94-0.61-4.48-2.42l-2.84-9.56C36.77,23.52,38.01,21.54,39.8,21.09z M31.86,30.21l4.33-5.58 c0.01,0.41,0.08,0.82,0.2,1.23c0,0,1.44,4.86,2.21,7.43l-1.04,1.33c-1.16,1.5-3.4,1.81-5.06,0.64 C30.99,34.2,30.55,31.91,31.86,30.21z M39.21,37.89c-0.53,0.28-1.01,0.66-1.37,1.18c-0.12-0.51-0.37-0.96-0.67-1.37 c0.47-0.21,0.93-0.47,1.33-0.81C38.71,37.25,38.95,37.58,39.21,37.89z M32.48,38.1l2.02,0.38c0.65,0.12,1.08,0.68,1.15,1.26 l0.81,6.69l3.18-5.95c0.31-0.57,0.94-0.86,1.54-0.75l2.03,0.38c0.66,0.13,1.18,0.75,1.17,1.43c0,0-0.25,11.25-0.27,11.28 c-0.02,0.88-0.69,1.53-1.5,1.38l-1.48-0.28c-0.69-0.13-1.11-0.66-1.17-1.45c-0.06-0.78,0.33-6.24,0.33-6.24s-2.68,5.37-3.06,5.95 c-0.37,0.57-0.77,0.87-1.42,0.75l-1.07-0.2c-0.58-0.11-0.93-0.66-1.06-1.21c-0.13-0.55-0.74-6.67-0.74-6.67s-1.6,5.06-1.94,5.88 s-0.89,1.13-1.64,0.99l-1.46-0.27c-0.89-0.17-1.17-1.1-0.91-1.77c0.01-0.03,3.87-10.63,3.87-10.63 C31.09,38.43,31.7,37.95,32.48,38.1z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M55.18,42.08c-0.23-0.07-0.48-0.11-0.71-0.16c-0.26-0.05-0.53-0.08-0.79-0.12 c-0.28-0.02-0.49-0.04-0.59-0.04c-1.94-0.03-3.3,0.49-4.66,1.6c-1.36,1.06-2.2,2.52-2.54,4.34c-0.35,1.85-0.09,3.54,0.79,5.01 c0.87,1.52,1.94,2.51,3.76,3.19c0.22,0.07,0.47,0.15,0.68,0.19c0.23,0.06,0.45,0.11,0.67,0.15c0.56,0.1,1.04,0.17,1.44,0.18 c1.73,0.06,2.85-0.36,4.09-1.15c1.2-0.75,2.12-1.85,2.69-3.34c0.2-0.53,0.34-1.06,0.45-1.63c0.34-1.83,0.08-3.47-0.83-4.93 c-0.89-1.45-2.03-2.47-3.75-3.09C55.65,42.2,55.43,42.12,55.18,42.08z M55.89,49.51l-0.06,0.3c-0.02,0.11-0.06,0.2-0.11,0.31 c-0.26,0.77-0.7,1.35-1.28,1.74c-0.61,0.39-1.13,0.53-1.9,0.38c-0.81-0.15-1.3-0.54-1.75-1.24c-0.4-0.69-0.57-1.53-0.4-2.42 c0.17-0.91,0.59-1.62,1.23-2.12c0.67-0.49,1.29-0.69,2.11-0.54c0.83,0.16,1.34,0.56,1.75,1.24C55.93,47.84,56.05,48.64,55.89,49.51 z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M27.9,51.45l1.46,0.27c0.75,0.14,1.3-0.17,1.64-0.99s1.94-5.88,1.94-5.88s0.61,6.12,0.74,6.67 c0.13,0.55,0.48,1.1,1.06,1.21l1.07,0.2c0.65,0.12,1.05-0.18,1.42-0.75c0.38-0.58,3.06-5.95,3.06-5.95s-0.39,5.46-0.33,6.24 c0.06,0.79,0.48,1.32,1.17,1.45l1.48,0.28c0.81,0.15,1.48-0.5,1.5-1.38c0.02-0.03,0.27-11.28,0.27-11.28 c0.01-0.68-0.51-1.3-1.17-1.43l-2.03-0.38c-0.6-0.11-1.23,0.18-1.54,0.75l-3.18,5.95l-0.81-6.69c-0.07-0.58-0.5-1.14-1.15-1.26 l-2.02-0.38c-0.78-0.15-1.39,0.33-1.62,0.95c0,0-3.86,10.6-3.87,10.63C26.73,50.35,27.01,51.28,27.9,51.45z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M38.06,65.65c0,0-1.41-0.93-1.85-1.16c-0.65-0.35-0.82-0.16-1.38,0.2c-0.71,0.45-1.29,0.65-2.6,0.4 c-1.72-0.32-2.61-2.15-2.24-4.16c0.38-2.03,1.87-3.41,3.59-3.09c1.32,0.25,1.78,0.64,2.28,1.32c0.39,0.53,0.48,0.77,1.21,0.68 c0.49-0.06,2.14-0.41,2.14-0.41c0.28-0.05,0.6-0.11,0.82-0.62c0.18-0.42-0.06-0.84-0.34-1.31c-0.72-1.22-2.23-2.73-5.52-3.34 c-4.27-0.8-7.91,1.67-8.71,5.92c-0.8,4.25,1.7,7.86,5.98,8.66c3.29,0.62,5.24-0.24,6.36-1.12c0.43-0.34,0.81-0.64,0.8-1.1 C38.58,65.97,38.3,65.8,38.06,65.65z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M51.36,59.33c-0.15-0.84-0.91-1.68-1.7-1.83l-0.7-0.13l-0.91-0.17l-0.69-0.13 c-0.79-0.15-1.8,0.36-2.25,1.09l-6.19,10.06c-0.46,0.75-0.14,1.45,0.61,1.59l1.61,0.3c1.17,0.22,1.64-0.1,2.25-1.09l0.38-0.61 l5.14,0.96l0.13,0.71c0.21,1.15,0.53,1.61,1.7,1.83l1.6,0.3c0.75,0.14,1.31-0.39,1.15-1.26L51.36,59.33z M45.58,65.46l2.01-3.27 l0.69,3.77L45.58,65.46z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M63.23,60.04l-4.54-0.85c-0.76-0.14-1.53,0.36-1.68,1.15l-2.04,10.88c-0.15,0.81,0.4,1.55,1.15,1.69 l1.2,0.23c0.79,0.15,1.54-0.41,1.69-1.2l0.79-4.2c0,0,1.44,4.69,1.65,5.36c0.21,0.67,0.85,0.97,1.11,1.02l1.46,0.27 c1.13,0.21,1.95-0.96,1.58-1.94c-0.37-0.98-1.59-4.2-1.59-4.2s2.56-0.05,3.23-2.3c0.32-1.04,0.25-2.48-0.32-3.48 C66.24,61.27,65.2,60.41,63.23,60.04z M63.12,65c-0.13,0.65-0.61,1.49-1.81,1.27l-1.19-0.22l0.58-3.07l0.99,0.19 C62.68,63.36,63.32,63.92,63.12,65z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M60.35,55.81c0.12,0.48,0.28,0.68,0.55,0.88c0.68,0.5,2.52,1.86,4.61,2.25 c5.15,0.96,6.74-1.86,7.08-3.7c0.23-1.24,0.07-1.92-0.36-2.7c-0.39-0.83-1.82-1.66-3.35-2.38c-1.19-0.58-2.13-1.13-2.21-1.68 c-0.1-0.52,0.38-1,1.04-0.99c0.5,0.07,0.73,0.16,1.45,0.49c0.55,0.3,0.93,0.6,1.24,0.8c0.33,0.2,0.7,0.33,1.11,0.25 c0.52-0.1,0.82-0.41,0.96-0.66c0.14-0.25,0.41-0.77,0.44-0.83c0.34-0.58,0.08-1.48-0.52-1.84c-0.76-0.46-2.04-1.25-3.98-1.6 c-3.82-0.67-5.93,1.28-6.36,3.6c-0.33,1.77,1.08,3.43,2.67,4.39c1.82,1.17,3.65,1.55,3.45,2.59c-0.14,0.76-1.06,1.04-1.91,0.73 c-0.34-0.1-1.37-0.58-2.1-1.14c-0.46-0.36-0.71-0.56-0.86-0.67c-0.26-0.19-0.53-0.37-1.01-0.35c-0.53,0.02-0.92,0.31-1.12,0.61 c-0.22,0.33-0.43,0.64-0.58,0.85C60.41,54.98,60.25,55.4,60.35,55.81z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M71.77,61.65c-0.79-0.15-1.54,0.41-1.69,1.19l-2.03,10.84c-0.15,0.81,0.41,1.54,1.15,1.68l1.4,0.27 c0.04,0.01,0.07,0,0.11,0.01l2.41,0.45c3.77,0.71,8.03-0.51,8.95-5.43c0.92-4.91-2.61-7.58-6.38-8.28l-2.52-0.47l-0.7-0.13 L71.77,61.65z M73.98,65.45l1.01,0.19c1.47,0.27,3.11,1.18,2.56,4.17c-0.57,2.99-2.43,3.25-3.9,2.97l-1.01-0.19L73.98,65.45z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M40.22,35.13c0.54,1.81,2.51,2.91,4.48,2.42c1.79-0.45,3.03-2.42,2.42-4.48l-2.84-9.55 c-0.54-1.82-2.51-2.92-4.48-2.43c-1.79,0.45-3.03,2.43-2.42,4.48L40.22,35.13z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M49.26,36.82c0.54,1.81,2.51,2.91,4.48,2.42c1.8-0.45,3.04-2.42,2.43-4.48l-2.84-9.55 c-0.55-1.81-2.51-2.91-4.48-2.42c-1.79,0.45-3.03,2.43-2.42,4.48L49.26,36.82z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M32.5,35.26c1.66,1.17,3.9,0.86,5.06-0.64l1.04-1.33c-0.77-2.57-2.21-7.43-2.21-7.43 c-0.12-0.41-0.19-0.82-0.2-1.23l-4.33,5.58C30.55,31.91,30.99,34.2,32.5,35.26z'/%3E%3C/svg%3E");
}

.myNav-cache-item.point .myNav-cache-amount {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Ccircle style='fill:%23FFFFFF;' cx='50' cy='50' r='47.09'/%3E%3Ccircle style='fill:%23FED000;' cx='50.01' cy='50' r='30.14'/%3E%3Cpath style='fill:%23EAA13A;' d='M49.99,80.14c-16.62,0-30.14-13.52-30.14-30.14s13.52-30.14,30.14-30.14S80.13,33.38,80.13,50 S66.61,80.14,49.99,80.14z M49.99,24.57c-14.02,0-25.43,11.41-25.43,25.43s11.41,25.43,25.43,25.43S75.43,64.02,75.43,50 S64.03,24.57,49.99,24.57z'/%3E%3Cpath style='fill:%23E38D02;' d='M62.52,52.92c-2.3,1.69-5.13,2.52-7.98,2.33h-7.89V66.7h-6.61V34.87h14.93 c2.73-0.14,5.41,0.74,7.53,2.46c2.02,2,3.05,4.79,2.81,7.62C65.31,48.7,64.38,51.36,62.52,52.92z M57.44,41.45 c-1.02-0.76-2.27-1.14-3.54-1.06h-7.26v9.37h7.26c1.28,0.08,2.55-0.33,3.54-1.15c0.92-0.97,1.38-2.29,1.26-3.63 C58.83,43.68,58.37,42.38,57.44,41.45L57.44,41.45z'/%3E%3C/svg%3E");
}
/* C's modified >> */
/* #1569 >> */
.myNav-cache-item.dpoint .myNav-cache-amount {
  background-image: url(/mosdocs/img/icon_dpoint.svg);
}
.myNav-grade.dpoint-not-login {
  padding-top: 0px;
}
.myNav-head.dpoint-not-login {
  padding-top: 15px;
}
.myNav-cache-ttl.dpoint-confirm {
  display: inline-block;
}
.myNav-cache-confirm.dpoint-confirm {
  display: inline-block;
}
.myNav-cache-confirm.dpoint-confirm a {
  color: #000000;
}
.myNav-body .myNav-cache:nth-child(2) {
  padding-top: 0px;
}
/* << #1569 */
/* << C's modified */

.myNav-menu {
  background-color: #fff;
  padding: 0 19px 35px;
}

.myNav-menu-list-item {
  border-bottom: solid 1px #ccc;
}

.myNav-menu-list-item > a {
  font-size: 0.875rem;
  padding: 15px 25px 15px 0;
  display: block;
  color: #000;
  text-decoration: none;
  /* change theme >> */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6.28px' height='10.35px' viewBox='0 0 6.28 10.35'%3E%3Cpath fill='%23007749' d='M6.11,5.57l-4.61,4.6c-0.22,0.22-0.58,0.22-0.8,0L0.17,9.64c-0.22-0.22-0.22-0.58,0-0.8l3.65-3.67 L0.17,1.51c-0.22-0.22-0.22-0.58,0-0.8l0.54-0.54c0.22-0.22,0.58-0.22,0.8,0l4.6,4.61C6.33,5,6.33,5.35,6.11,5.57z'/%3E%3C/svg%3E");
  /* << change theme */
  background-size: 6px auto;
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
}

.myNav-menu-list-item > a:hover {
  opacity: 0.7;
}

.myNav-close {
  font-size: 1em;
  width: 1em;
  height: 1em;
  overflow: hidden;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 23px;
  right: 20px;
}

.myNav-close-icon {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.myNav-close svg {
  width: 100%;
  fill: #fff;
}

.myCache {
  background-color: #f9f0d9;
}

.myCache-inner {
  padding: 15px 0;
  overflow: hidden;
}

.myCache-util {
  position: relative;
}

.myCache-util-item {
  color: #000;
  font-size: 0.875rem;
}

.myCache-util-item a {
  color: #000;
}
/* C's modified >> */
.myCache-util-item.coupon {
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: solid 1px #ccc;
}
.myCache-util-item + .myCache-util-item.coupon {
  position: static;
  top: 0px;
  right: 0px;
}
/* << C's modified */
.cart {
  margin: 30px 0;
  position: relative;
  font-size: 20px;
  height: 4.25em;
}

.cart-btn {
  display: block;
  width: 4.25em;
  height: 4.25em;
  position: fixed;
  bottom: 8.5em;
  /* #6581 START >> */
  right: 16px;
  /* << #6581 END */
  z-index: 200;
}

.cart-btn-clickable {
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.21);
  border-radius: 100%;
  display: block;
  text-decoration: none;
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  overflow: hidden;
}

.cart-btn-clickable:hover {
  /* change theme >> */
  /*background-color: #4dc269;*/
  background-color: #4d9279;
  /* << change theme */
}

.cart-btn-clickable:hover .cart-amount {
  background-color: #f04d4d;
}

.cart-btn-icon {
  width: 2.25em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.cart-btn-icon svg {
  width: 100%;
  fill: #fff;
}

.cart-btn-txt {
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e90000;
  color: #fff;
  width: 1.86em;
  height: 1.86em;
  font-size: 0.7em;
  border-radius: 100%;
  border: solid 1px #fff;
  position: absolute;
  top: 1em;
  right: 1em;
}

.cart-btn.is-cart-stop {
  position: absolute;
  bottom: 0;
}

.cart-callout {
  position: absolute;
  right: 0px;
  bottom: calc(100% + 5px);
  overflow: hidden;
  height: 75px;
  -webkit-animation-name: cart-callout-fadeOut;
  animation-name: cart-callout-fadeOut;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.cart-callout > span {
  display: inline-block;
  padding: 19px 30px;
  font-size: 1rem;
  line-height: 1.4;
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  position: relative;
  color: #fff;
  white-space: nowrap;
  font-weight: bold;
}

.cart-callout > span:before {
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 0px 17px 13px 0;
  /* change theme >> */
  border-color: transparent #007749 transparent transparent;
  /* << change theme */
  position: absolute;
  right: 30px;
  bottom: -12px;
}

@-webkit-keyframes cart-callout-fadeOut {
  0% {
    opacity: 1;
    height: 75px;
  }
  70% {
    opacity: 1;
    height: 75px;
  }
  99% {
    opacity: 0;
    height: 75px;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

@keyframes cart-callout-fadeOut {
  0% {
    opacity: 1;
    height: 75px;
  }
  70% {
    opacity: 1;
    height: 75px;
  }
  99% {
    opacity: 0;
    height: 75px;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

.footer {
  background-color: #002614;
  color: #fff;
}

.footer a {
  color: #fff;
}

.footer .link[target="_blank"]:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cpath fill='%23fff' d='M44.47,1.29H14.35c-2.49,0-4.52,2.02-4.52,4.52v4.52H5.31c-2.49,0-4.52,2.02-4.52,4.52v30.12c0,2.49,2.02,4.52,4.52,4.52 h30.12c2.49,0,4.52-2.02,4.52-4.52v-4.52h4.52c2.49,0,4.52-2.02,4.52-4.52V5.81C48.98,3.32,46.96,1.29,44.47,1.29z M35.43,44.97 H5.31V25.39h30.12V44.97z M44.47,35.93h-4.52V14.85c0-2.49-2.02-4.52-4.52-4.52H14.35V5.81h30.12V35.93z'/%3E%3C/svg%3E");
}

.footer-sns {
  padding: 25px 0;
  /* change theme >> */
  /* ? border-bottom: solid 1px #007749;*/
  border-bottom: solid 1px #00a728;
  /* << change theme */
}

.footer-sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-sns-list-item {
  overflow: hidden;
}

.footer-sns-list-item > a {
  position: relative;
  display: block;
  width: 40px;
  height: 30px;
}

.footer-sns-list-item svg {
  display: block;
  max-width: none;
  width: auto;
  height: 100%;
  fill: #fff;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.footer-sns-list-item > a:hover svg {
  fill: #00a728;
}

.footer-sns-list-item + .footer-sns-list-item {
  margin-left: 20px;
}

.footer-sns-list-item-txt {
  position: absolute;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 40px;
  height: 30px;
}

.footer-sitemap {
  padding: 50px 0 80px 0;
}

/* FIX footer >> */
@media screen and (max-width: 767px) {
  .footer-sitemap-item + .footer-sitemap-item {
    margin-top: 15px;
  }
}
/* << FIX footer */

.footer-sitemap-ttl {
  text-decoration: none;
  font-weight: bold;
  color: #00a728;
  font-size: 1rem;
  margin-bottom: 10px;
}

.footer-sitemap-list-item {
  font-size: 0.875rem;
}

.footer-sitemap-list-item + .footer-sitemap-list-item {
  margin-top: 10px;
}
/* change theme (footer link)>> */
.footer-sitemap-list-item .link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.25 44.97'%3E%3Cpath fill='%2300A728' d='M0,41.38V3.59A3.58,3.58,0,0,1,6.12,1.06L29.2,20a3.59,3.59,0,0,1,0,5.07L6.12,43.91A3.58,3.58,0,0,1,0,41.38Z' /%3E%3C/svg%3E");
}
/* << change theme(footer link) */
.footer-copyright {
  background-color: #000;
}

.copyright {
  text-align: center;
  font-size: 0.75rem;
  padding: 25px 0;
}

.grid,
[class*="grid-col"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* C's modified >> */
  align-content: stretch;
  /* << C's modified */
}

[class*="grid-col-"] {
  width: 100%;
}

.grid-col-sp {
  width: auto;
}

.grid--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.grid--space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.wrapper,
.main,
.contents,
.container,
.section {
  display: block;
}

.wrapper {
  overflow-x: hidden;
  position: relative;
}

/**
 * # heading
 */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.4;
  font-weight: bold;
}

.h1 {
  font-size: 2.25rem;
  text-align: center;
  margin: 30px 0;
}

.h2 {
  font-size: 1.625rem;
  margin-top: 45px;
  margin-bottom: 20px;
}

.h2-number-strong {
  color: #e90000;
}

.h3 {
  font-size: 1.25rem;
  margin-top: 2.8125rem;
  margin-bottom: 0.9375rem;
}

.h4 {
  font-size: 1.125rem;
  margin-top: 1.5625rem;
  margin-bottom: 0.9375rem;
}
/* C's modified >> */
h5.modal-ttl-3 {
  font-size: 0.95rem;
}
/* << C's modified */
/**
 * # link
 */
.link {
  display: inline-block;
  position: relative;
  padding-left: 1.3em;
  color: #000;
  text-decoration: none;
}

.link:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 0.5em;
  /* change theme >> */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.25 44.97'%3E%3Cpath fill='%23007749' d='M0,41.38V3.59A3.58,3.58,0,0,1,6.12,1.06L29.2,20a3.59,3.59,0,0,1,0,5.07L6.12,43.91A3.58,3.58,0,0,1,0,41.38Z' /%3E%3C/svg%3E");
  /* << change theme */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
  position: absolute;
  top: 0.45em;
  left: 0;
}

.link:hover {
  text-decoration: underline;
}

.link-blank:after,
.link[target="_blank"]:after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cpath fill='%23000000' d='M44.47,1.29H14.35c-2.49,0-4.52,2.02-4.52,4.52v4.52H5.31c-2.49,0-4.52,2.02-4.52,4.52v30.12c0,2.49,2.02,4.52,4.52,4.52 h30.12c2.49,0,4.52-2.02,4.52-4.52v-4.52h4.52c2.49,0,4.52-2.02,4.52-4.52V5.81C48.98,3.32,46.96,1.29,44.47,1.29z M35.43,44.97 H5.31V25.39h30.12V44.97z M44.47,35.93h-4.52V14.85c0-2.49-2.02-4.52-4.52-4.52H14.35V5.81h30.12V35.93z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% auto;
}

.link-pdf:after,
.link[href$="pdf"]:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  vertical-align: middle;
  background-image: url("");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.link-list > li {
  margin-top: 1em;
}

.link-anc::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ancr-link-area {
  margin: -7px;
}

.ancr-link-area-item {
  padding: 7px;
}

/**
 * # ボタン
 */
.btn {
  display: inline-block;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 5px;
  /* C's modified >> */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* << C's modified */
}

.btn > span {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  width: 100%;
  height: 100%;
  padding: 13px 30px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.4;
  /* change theme >> */
  border: solid 1px #007749;
  /* << change theme */
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: 20px 50%;
  position: relative;
}

.btn[target="_blank"] > span:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cpath fill='%23007749' d='M44.47,1.29H14.35c-2.49,0-4.52,2.02-4.52,4.52v4.52H5.31c-2.49,0-4.52,2.02-4.52,4.52v30.12c0,2.49,2.02,4.52,4.52,4.52 h30.12c2.49,0,4.52-2.02,4.52-4.52v-4.52h4.52c2.49,0,4.52-2.02,4.52-4.52V5.81C48.98,3.32,46.96,1.29,44.47,1.29z M35.43,44.97 H5.31V25.39h30.12V44.97z M44.47,35.93h-4.52V14.85c0-2.49-2.02-4.52-4.52-4.52H14.35V5.81h30.12V35.93z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% auto;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn[href$=".pdf"] > span:after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  background-image: url("/mosdocs/img/icon/pdf.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% auto;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn.btn-modal {
  width: initial;
}

.btn.btn-modal > span:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  /* change theme >> */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.95px' height='44.94px' viewBox='0 0 44.95 44.94'%3E%3Cpath fill='%23007749' d='M44.94,29.39V5.19A5.18,5.18,0,0,0,39.76,0H5.19A5.19,5.19,0,0,0,0,5.19V39.76a5.18,5.18,0,0,0,5.19,5.18H39.76A5.19,5.19,0,0,0,45,39.76V29.39ZM39.76,39.76H5.19V17.29H39.76ZM39.4,10.91a1.26,1.26,0,0,1,0,1.76h0a1.26,1.26,0,0,1-1.76,0l-2.49-2.49-2.5,2.49a1.24,1.24,0,0,1-1.75,0h0a1.24,1.24,0,0,1,0-1.76l2.49-2.49L30.9,5.92a1.23,1.23,0,0,1,0-1.75h0a1.23,1.23,0,0,1,1.75,0l2.5,2.49,2.49-2.49a1.24,1.24,0,0,1,1.76,0h0a1.24,1.24,0,0,1,0,1.75l-2.5,2.5Z' /%3E%3C/svg%3E");
  /* << change theme */
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80% auto;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn:hover {
  /* change theme >> */
  /*border-color: #4dc269;*/
  border-color: #4d9279;
  /* << change theme */
}

.btn:hover > span {
  opacity: 0.7;
}

.btn.btn-cv > span {
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  color: #fff;
}

.btn.btn-cv .btn-icon svg {
  fill: #fff;
}

.btn.btn-disabled {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-disabled > span {
  background-color: #ccc;
  border-color: #ccc;
  color: #fff;
  opacity: 1;
}

.btn.btn-disabled .btn-icon svg {
  fill: #fff;
}

.btn-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-icon svg {
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.btn-list-item .btn {
  display: block;
}

.btn-list-item .btn.btn-search > span .btn-icon {
  position: static;
  width: 1em;
  height: 1em;
  margin-right: 0.375em;
  /* C's modified >> */
  padding-top: 1px;
  /* << C's modified */
}

.btn-list-item .btn.btn-search > span .btn-icon svg {
  vertical-align: -0.4em;
}

.btn-list-item .btn > span {
  padding: 13px 30px;
  font-size: 1rem;
}
/* C's modified >> */
/* #1569 >> */
.btn-list-item .btn.daccount-change > span {
  padding: 13px 20px;
}
.payment-btn .btn.daccount-change > span {
  padding: 13px 20px;
}

/* << #1569 */

/* << #6302 */
.btn-list-item .btn.long-name > span {
  padding: 13px 20px;
}
/* >> #6302 */

/* << C's modified */

.btn-list-item + .btn-list-item {
  margin-top: 20px;
}

/* #1569 >> */
/**
 * # 注釈のタイトル
 */
.note-title {
  text-indent: -0.5em;
  font-size: 0.875rem;
  color: #666666;
}
/* << #1569 */

/**
 * # 注釈
 */
.note {
  text-indent: -0.5em;
  padding-left: 1em;
  font-size: 0.875rem;
  color: #666666;
}

.note .link-blank:after,
.note .link-pdf:after {
  margin: 0 0.8em;
}

.note:before {
  content: "※";
  display: inline-block;
}

.note-order,
.note-list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.note-order:first-child,
.note-list:first-child {
  margin-top: 0;
}

.note-order:last-child,
.note-list:last-child {
  margin-bottom: 0;
}

.note-order {
  counter-reset: order;
}

.note-order .note {
  padding-left: 1.8em;
  text-indent: -0.8em;
}

.note-order .note:before {
  counter-increment: order;
  content: "※" counter(order);
}

.txt-ng {
  color: #e90000 !important;
}

/* C's modified >> */
.txt-hilight {
  color: #e90000 !important;
}
/* << C's modified */

/* #5852 >>  */
.txt-hilight-annotation:before {
  content: "※";
  display: inline-block;
}
/* << #5852 */

.ico-txt > .js-svg {
  display: inline;
  padding-right: 0.5em;
}

.ico-txt > .js-svg svg {
  height: 1.2em;
  width: 1.2em;
  vertical-align: text-bottom;
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.googlemap-wrap {
  margin: 30px 0;
}

.googlemap {
  height: 0;
  overflow: hidden;
  padding-bottom: 50%;
  position: relative;
}

.googlemap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: none;
}

/* #5890 >> */
.cart-map-message {
  display: inline-block;
  margin-top: 1rem;
}
.googlemap-list-wrap {
  margin: 0;
}
.googlemap-form-wrap {
  margin: 0;
  margin-top: 1rem;
}
.googlemap-modal-wrap {
  margin: 0;
  margin-top: 1rem;
  /* 最大690px幅でセンタリング*/
  padding-left: calc(50% - 690px / 2);
  padding-right: calc(50% - 690px / 2);
}

.googlemap-modal-item,
.googlemap-form-item,
.googlemap-list-item {
  height: 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}

.googlemap-modal-item iframe,
.googlemap-form-item iframe,
.googlemap-list-item iframe {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
  width: 100%;
  height: 100%;
}
.googlemap-form-item {
  height: 180px;
  width: 500px;
}
.googlemap-list-item {
  height: 190px;
  width: 300px;
}
.googlemap-modal-item {
  height: 300px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .googlemap-modal-wrap {
    margin: 0;
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }
  .googlemap-form-item,
  .googlemap-list-item {
    width: 100%;
    height: 160px;
  }
  .googlemap-modal-item {
    width: 100%;
    height: 160px;
  }
}
/* << #5890 */

.movie-wrap {
  margin: 0 auto;
  max-width: 724px;
}

.movie {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: none;
}

/**
 * # モーダル
 */
.modal-backdrop.show {
  opacity: 0.6;
}

.modal-content {
  border: none;
  border-radius: 0;
  padding-top: 25px;
}

.modal-header {
  border: none;
  display: block;
  padding: 0 30px 20px 30px;
}

.modal-ttl {
  margin: 0 0 25px 0;
  padding: 0 25px 20px 0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: solid 1px #ccc;
}

.modal-ttl-2 {
  font-size: 1.125rem;
  margin: 25px 0 15px;
}

.modal-body {
  padding: 0 30px 50px 30px;
}

.modal-close {
  width: 25px;
  height: 25px;
  line-height: 1;
  font-size: 1.875rem;
  font-weight: bold;
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 1;
}

.modal-close svg {
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.modal-dialog {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

/**
 * # ボタン ID: 1-9 CVボタン (2/3のサイズ)
 */

/**
 * # ボタン ID: 1-15 メニューリンクボタン
 */

/**
 * # ボタン ID: 1-18
 */
.btn-minimum-wrapper {
  text-align: center;
}

/**
 * # ボタン ID: 1-22
 */
.linkBlock {
  background-color: #fff;
  -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  border: solid 1px #ccc;
}

.linkBlock:hover .linkBlock-inner {
  opacity: 0.6;
}

.linkBlock-inner {
  display: block;
  text-decoration: none;
  padding: 30px;
  position: relative;
}

.linkBlock-ttl {
  /* change theme >> */
  color: #007749;
  /* << change theme */
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: 15px;
}

/**
 * # 本文 3-3 強調本⽂
 */
/**
 * # 本文 3-4 年⽉⽇
 */
.date-txt {
  font-size: 1.125rem;
  font-weight: bold;
}

/**
 * # 本文 3-6 リスト
 */
.list {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.list:first-child {
  margin-top: 0;
}

.list:last-child {
  margin-bottom: 0;
}

.list {
  padding-left: 1.5em;
}

.list > li {
  list-style: disc;
}

.list > li > .list > li {
  list-style: circle;
}

.list > li > .list > li > .list > li {
  list-style-type: square;
}

.list-order {
  list-style-type: decimal;
  padding-left: 1.5em;
}

/**
 * # 本文 3-1
 */
.search-background {
  background-color: #f9f0d9;
  height: 42px;
  line-height: 42px;
}

.search-background p {
  font-size: 0.875rem;
}

/**
 * # 本文 3-8,9
 */
.txt-price {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.txt-price .food-size {
  display: inline-block;
  width: 1.2em;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  /* C's modified >> */
  text-align: center;
  /* << C's modified */
}

.txt-price .txt-tax {
  font-size: 1rem;
}

/**
 * # 本文 3-10
 */
.pay {
  background-color: #ff9b43;
  padding-top: 35px;
  padding-bottom: 35px;
  color: #fff;
}

.pay-item {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pay-item.pay-item-total {
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.4;
}

.pay-item + .pay-item-total {
  padding-top: 15px;
  margin-top: 15px;
  border-top: solid 1px #fff;
}
/* C's modified >> */
.pay-item dd.pay-ttl-price-moscard {
  display: inline-block;
  text-align: right;
  margin-inline-start: 0px;
  white-space: nowrap;
}
.pay-item dd.pay-ttl-price-moscard .pay-ttl-price-moscard-value {
  display: inline-block;
}
.pay-item dd.pay-ttl-price-moscard .pay-ttl-price-moscard-text {
  display: inline-block;
  width: 130px;
  text-align: left;
}
/* C's modified << */

/**
 * # 本文 3-11
 */
.alert-background {
  background-color: #ffe3e3;
}

/**
 * # 本文 3-12
 */
.txt-drink {
  margin-right: 14px;
  font-size: 0.875rem;
}

.txt-drink .drink-count {
  color: #e90000;
}

/**
 * # 本文 3-13
 */
.tel-link {
  text-decoration: none;
}

/**
 * # 入力フォーム
 */
.form-inputs {
  display: block;
  width: 33.5rem;
  min-height: 2.5rem;
  border: 1px solid #cccccc;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.25rem;
  font-size: 1rem;
  line-height: normal;
  -webkit-appearance: none;
}

.form-inputs::-ms-reveal {
  visibility: hidden;
}

.form-inputs::-webkit-input-placeholder {
  color: #cccccc !important;
}

.form-inputs::-moz-placeholder {
  color: #cccccc !important;
}

.form-inputs:-ms-input-placeholder {
  color: #cccccc !important;
}

.form-inputs::-ms-input-placeholder {
  color: #cccccc !important;
}

.form-inputs::placeholder {
  color: #cccccc !important;
}

.form-inputs::-ms-expand {
  display: none;
}

.form-inputs[type="number"]::-webkit-outer-spin-button,
.form-inputs[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-inputs[type="number"] {
  -moz-appearance: textfield;
}

/* #6920 >> */
.form-inputs[type="tel"][disabled] {
  background-color: #ccc;
  color: #000;
}
.all-use-mospoint.form-checkbox {
  padding-bottom: 1rem;
}
/* << #6920 */

.code-txt {
  font-size: 1.5rem;
  vertical-align: middle;
  margin: 0 0.5625rem;
}

.postal-code-txt {
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5625rem;
}

.code-number-inputs {
  width: 130px;
}

.postal-code-number-inputs {
  width: 220px;
}

.select-txt {
  font-weight: bold;
  font-size: 1.125rem;
  margin-left: 0.625rem;
  margin-right: 1.25rem;
}

.select-txt.select-birth-txt {
  font-size: 1rem;
  margin-left: 0.5rem;
  margin-right: 1rem;
}

.select-txt.select-birth-day-txt {
  font-size: 1rem;
  margin-left: 0.5rem;
  margin-right: 0;
}

.form-selects-hour,
.form-selects-minute {
  width: 130px;
}

.form-selects-moscard {
  width: 300px;
}
/* #6920 >> */
.form-inputs.E_showPointText[readonly] {
  background-color: #ddd;
}
/* << #6920 */

.form-point-inputs {
  width: 8.875rem;
}

.form-birthday-grid {
  font-weight: bold;
}

.form-birthday-grid .form-selects {
  width: 130px;
}

.domain-inputs {
  width: 130px;
}

.domain-inputs[size="15"] {
  width: auto;
}

.name-inputs {
  width: 15.875rem;
}

.form-selects {
  /* change theme >> */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.838' height='12' viewBox='0 0 17.838 12'%3E%3Cpath id='icon_arrow_down' d='M0,170.4V155.418a1.423,1.423,0,0,1,2.429-1.006l9.154,7.493a1.423,1.423,0,0,1,0,2.012L2.429,171.41A1.423,1.423,0,0,1,0,170.4Z' transform='translate(171.83) rotate(90)' fill='%23007749'/%3E%3C/svg%3E");
  /* << change theme */
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: right 10px center;
  background-color: #fff;
}

.form-password {
  position: relative;
  width: 33.5rem;
}

.passwaord-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 0.625rem;
}

.password-icon:before {
  width: 1.1875rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='14.164px' viewBox='0 0 38 22.164'%3E%3Cpath d='M23.747,11.086a4.751,4.751,0,1,1-9.494,0,2.006,2.006,0,0,1,.158-.95,3.016,3.016,0,0,0,3.771-3.771h.792a4.668,4.668,0,0,1,4.774,4.721ZM19,0C6.968,0,0,10.452,0,10.452S7.6,22.164,19,22.164c12.194,0,19-11.711,19-11.711S31.19,0,19,0Zm0,19a7.835,7.835,0,0,1-7.911-7.911,7.918,7.918,0,0,1,15.836,0A7.835,7.835,0,0,1,19,19Z'/%3E%3C/svg%3E%0A");
  height: 0.9375rem;
  vertical-align: middle;
}

.password-icon.js-mdi-eye-open:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='20.233px' viewBox='0 0 38 29.233'%3E%3Cpath d='M29.523,9.1l4.093-4.093L31.377,2.769,26.464,7.682A20.871,20.871,0,0,0,19.024,6.3C7.04,6.3,0,16.674,0,16.674a32.542,32.542,0,0,0,8.865,8.607L4.384,29.763,6.623,32l5.155-5.157a17.72,17.72,0,0,0,7.245,1.623C31.268,28.468,38,16.674,38,16.674A26.485,26.485,0,0,0,29.523,9.1Zm-18.44,8.284a7.908,7.908,0,0,1,12.279-6.6L21.036,13.11A4.7,4.7,0,0,0,19,12.635a5.013,5.013,0,0,0-.852.076,2.96,2.96,0,0,1-3.808,3.754,4.757,4.757,0,0,0-.09.92,4.7,4.7,0,0,0,.475,2.036L12.4,21.747A7.868,7.868,0,0,1,11.083,17.385ZM19,25.3a7.871,7.871,0,0,1-4.36-1.316l2.324-2.326A4.7,4.7,0,0,0,19,22.135a4.75,4.75,0,0,0,4.75-4.75,4.7,4.7,0,0,0-.475-2.036L25.6,13.024A7.909,7.909,0,0,1,19,25.3Z' transform='translate(0 -2.769)' /%3E%3C/svg%3E%0A");
}

.form-checkbox {
  width: 100%;
}

/* #1569 >> */
.dont_show_again {
  margin-top: 1rem;
  margin-bottom: -1rem;
  text-align: center;
}
.dont_show_again .checkbox-inputs,
.form-checkbox .checkbox-inputs {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.dont_show_again .checkbox-inputs:checked + .checkbox-item-parts::after,
.form-checkbox .checkbox-inputs:checked + .checkbox-item-parts::after {
  /* change theme >> */
  border-bottom: 3px solid #007749;
  border-right: 3px solid #007749;
  /* << change theme */
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  height: 13px;
  width: 8px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}

.dont_show_again .checkbox-item-parts,
.form-checkbox .checkbox-item-parts {
  padding-left: 2.125rem;
  position: relative;
  display: inline-block;
}

.dont_show_again .checkbox-item-parts::before,
.form-checkbox .checkbox-item-parts::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3125rem;
  border: 1px solid #ccc;
}
/* << #1569 */
/* #6920 >> */
.payment-method.payment-moscard .form-checkbox .checkbox-item-parts::before {
  background-color: #fff;
}
/* << #6920 */
.form-textarea {
  min-height: 125px;
  resize: none;
}

.form-textarea::-webkit-input-placeholder {
  color: #cccccc;
}

.form-textarea::-moz-placeholder {
  color: #cccccc;
}

.form-textarea:-ms-input-placeholder {
  color: #cccccc;
}

.form-textarea::-ms-input-placeholder {
  color: #cccccc;
}

.form-textarea::placeholder {
  color: #cccccc;
}

.form-confilm {
  display: block;
  padding: 0.8125rem 1.25rem;
  min-height: 3.25rem;
  background-color: #f9f0d9;
  width: 33.5rem;
}

.radio-tab-list li {
  border: solid 1px #ccc;
  max-width: 125px;
  overflow: hidden;
}

/* C's modified >> */
/*
.radio-tab-list li label {
  display: block;
  height: 100%;
}

.radio-tab-list li label .radio-tab-span {
  height: 100%;
}

.radio-tab-list li + li .radio-tab-span {
  border-left: 0;
}

.radio-tab-list li:first-child .radio-tab-span {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.radio-tab-list li:last-child .radio-tab-span {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
*/
/* << C's modified */

.radio-tab-list .radio-tab-inputs {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.radio-tab-list .radio-tab-inputs:checked + .radio-tab-span {
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  color: #fff;
}
/* #3986 >> */
.customise-item .radio-tab-list .radio-tab-inputs:checked + .radio-tab-span,
[data-special-order-form="true"]
  .card-tab-list
  .radio-inline-input:checked
  + .radio-inline-span {
  position: relative;
}
/* << #3986 */
.radio-tab-list .radio-tab-span {
  display: inline-block;
  font-size: 1rem;
  padding: 0.3125rem 0.625rem;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  height: 100%;
  width: 100%;
  /* C's modified >> */
  /*  border: solid 1px #ccc; */
  /* << C's modified */
}
/* C's modified >> */
/* #3986 >> */
[data-special-order-form="true"] .card-tab-list {
  padding-bottom: 4px;
  padding-right: 2px;
}
/* << #3986 */
.customise-item .radio-tab-list li,
/* #3986 >> */
[data-special-order-form="true"] .card-tab-list li {
  /* << #3986 */
  background-color: #fff;
  display: flex;
  /* #3986 >> */
  overflow: initial;
  /* << #3986 */
}
.customise-item .radio-tab-list li label {
  display: flex;
  width: 100%;
}
.customise-item .radio-tab-list li label > .radio-tab-inputs + span {
  height: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-break: break-word;
}

/* #3986 >> */
.customise-item .radio-tab-list .radio-tab-inputs + .radio-tab-span::after,
[data-special-order-form="true"]
  .card-tab-list
  .radio-inline-input
  + .radio-inline-span::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0,0,54,54' width='20' height='20' version='1.1'%3E%3Ccircle cx='27.0' cy='27.0' r='22.5' fill='%23ffffff'/%3E%3Ccircle cx='27.0' cy='27.0' r='22.5' fill='none' stroke='%23007749' stroke-opacity='1' stroke-width='7'/%3E%3Cpolyline fill='none' stroke='%23007749' stroke-width='7' points='14,31 21.5,39 40,21' stroke-linejoin='round' stroke-linecap='round' /%3E%3C/svg%3E");
  position: absolute;
  display: none;
  height: 20px;
  width: 20px;
  bottom: -6px;
  right: -3px;
  z-index: 10;
}
.customise-item
  .radio-tab-list
  .radio-tab-inputs:checked
  + .radio-tab-span::after,
[data-special-order-form="true"]
  .card-tab-list
  .radio-inline-input:checked
  + .radio-inline-span::after {
  display: inline-block;
}
/* << #3986 */

.radio-tab-list > li + li {
  margin-left: -1px;
}

/* << C's modified */

.radio-tab-list > li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.radio-tab-list > li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* C's modified >> */
/* Optimize for Customise Only */
@media screen and (min-width: 768px) {
  .customise-item .radio-tab-list > li:last-child {
    border-top-right-radius: 0;
  }
  .customise-item .radio-tab-list > li:nth-child(3n + 1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(1):last-child,
  .customise-item .radio-tab-list > li:nth-child(2):last-child,
  .customise-item .radio-tab-list > li:nth-child(3) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n),
  .customise-item .radio-tab-list > li:last-child {
    border-bottom-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n + 1),
  .customise-item .radio-tab-list > li:nth-child(3n + 2),
  .customise-item .radio-tab-list > li:nth-child(3n + 3) {
    margin-top: -1px;
  }
  .customise-item .radio-tab-list > li:nth-child(1),
  .customise-item .radio-tab-list > li:nth-child(3n + 1) {
    margin-left: 0px;
  }
}
/* << C's modified */

/**
 * # 機能系UI
 */

.tab-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -0.125rem;
}

.tab-list-item {
  padding: 0 0.125rem;
  position: relative;
}

/* C's modified >> */
/*
.tab-list-item label {
  display: block;
  height: 100%;
}
*/
/* << C's modified */

.tab-list-item .radio-inline-span {
  /* C's modified >> */
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
*/
  display: inline-block;
  /* << C's modified */
  width: 100%;
  /* C's modified >> */
  /*  height: 100%; */
  /* << C's modified */
  font-weight: bold;
  padding: 0.75rem 0.3125rem 0.5rem;
  min-height: 47px;
  border-radius: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  background-color: #cccccc;
  text-align: center;
  color: #ffffff;
}
/* C's modified >> */
.tab-list-item > label > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* << C's modified */

.tab-list-item .radio-inline-input {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* C's modified >> */
.tab-list-item
  input[type="radio"]:not([disabled]):not(:checked)
  + .radio-inline-span:hover {
  /* change theme >> */
  /*background-color: #4dc269;*/
  background-color: #4d9279;
  /* << change theme */
}
/* << C's modified */

.tab-list-item .radio-inline-input:checked + .radio-inline-span {
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
}

.tab-contents {
  position: relative;
  padding: 3.75rem 0;
}

.tab-contents::before {
  content: "";
  position: absolute;
  /* change theme >> */
  border-bottom: 3px solid #007749;
  /* << change theme */
  width: 100%;
  top: -0.1875rem;
  left: 0;
}

.menu-radio-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* change theme >> */
  border-top: 1px solid #007749;
  /* << change theme */
  padding: 0.9375rem 1.25rem;
  min-height: 3.75rem;
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 4rem 2.5625rem;
}

.menu-radio-btn .menu-radio-btn-inputs[type="radio"] {
  display: none;
}

.menu-radio-btn .menu-radio-btn-inputs:checked + .menu-radio-text:before {
  opacity: 1;
}

.menu-radio-btn .menu-radio-text {
  position: relative;
  padding-left: 2.125rem;
  font-weight: bold;
  /* #3885 >> */
  word-break: keep-all;
  /* << #3885 */
}

/* C's modified >> */
/* #1569 >> */
.menu-radio-btn .menu-radio-text.only-payment {
  padding-left: 0rem;
}
/* << #1569 */
/* << C's modified */
/* #3885 >> */
.menu-radio-campaign-text,
.menu-radio-caution-text {
  margin-top: 3px;
  margin-bottom: 0px;
  text-align: right;
  width: 100%;
  margin-left: 0px;
  margin-right: 75px;
  padding-left: 10px;
  color: #ff0000;
  font-size: 0.875rem;
}
.menu-radio-campaign-text a,
.menu-radio-caution-text a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  .menu-radio-campaign-text,
  .menu-radio-caution-text {
    text-align: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    padding-right: 60px;
    padding-left: 0px;
  }
  .menu-radio-text {
    width: 200px;
  }
  .menu-radio-btn {
    flex-direction: column;
    padding-top: 20px;
    padding-bottom: 0px;
    align-items: flex-start;
  }
}
/* << #3885 */
.menu-radio-btn .menu-radio-text::after,
.menu-radio-btn .menu-radio-text:before {
  position: absolute;
  content: "";
  display: block;
  cursor: pointer;
}

.menu-radio-btn .menu-radio-text::after {
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.menu-radio-btn .menu-radio-text:before {
  left: 0.25rem;
  top: 0.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  opacity: 0;
}
/* C's modified >> */
/* #3885 >> */
.order-form
  .js-accordion-menu-radio-group
  .menu-radio-btn.only-payment
  .menu-radio-text::after,
.order-form
  .js-accordion-menu-radio-group
  .menu-radio-btn.only-payment
  .menu-radio-text::before {
  display: none;
}
/* << #3885 */
.order-form .menu-radio-btn-none {
  /* change theme >> */
  border-top: 1px solid #007749;
  border-bottom: 1px solid #007749;
  /* << change theme */
  padding: 1.2375rem 1.2375rem;
  font-weight: bold;
}
/* << C's modified */
.menu-radio-btn + .accordion-menu {
  border-bottom: none;
}

.menu-btn {
  width: 100%;
  padding: 0.9375rem 1.25rem;
  /* change theme >> */
  border-top: 1px solid #007749;
  /* << change theme */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3.75rem;
}
/* C's modified iOS 14 later >> */
/* Override User-Agent stylesheet, Safari only */
_:lang(x) + _:-webkit-full-screen-document,
button {
  color: #000;
}
_:lang(x) + _:-webkit-full-screen-document,
select {
  color: #000;
}
button:focus-visible {
  outline-style: none;
}
/* << C's modified */

/* C's modified >> */
.h2 + .menu-link-area .menu:nth-child(n + 2) .menu-btn,
.shopList-result + .container .menu-link-area .menu:nth-child(n + 2) .menu-btn,
.tab-contents.menu-link-area .menu:nth-child(n + 1) .menu-btn {
  border-top: none;
}
/* << C's modified */

.menu-btn .menu-text {
  position: relative;
  width: 100%;
  text-align: left;
  padding-right: 1.25rem;
  font-weight: bold;
}

.menu-btn .menu-text::before {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  width: 1.125rem;
  height: 0.1875rem;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  /* change theme >> */
  background: #007749;
  /* << change theme */
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-btn .menu-text.is-open::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.menu-btn .menu-text::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  width: 1.125rem;
  height: 0.1875rem;
  /* change theme >> */
  background: #007749;
  /* << change theme */
  border-radius: 2px;
}

.menu-btn .menu-icon {
  width: 38px;
  height: 38px;
  margin-right: 0.9375rem;
  border-radius: 50%;
  padding: 0.125rem;
}

.menu-btn .menu-icon img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.accordion-menu {
  /* change theme >> */
  border-bottom: 1px solid #007749;
  /* << change theme */
}

/* C's modified >> */
.side-set-menu:last-child {
  /* change theme >> */
  border-bottom: 1px solid #007749;
  /* << change theme */
}
/* << C's modified */

.accordion-menu-inner {
  background-color: #f9f0d9;
  padding: 1.5625rem 1.25rem 1.875rem;
}

.accordion-menu-inner .card_area {
  width: 100%;
  padding: 0 0.9375rem 0.9375rem 0;
  border: none;
  background: #fff;
  border-radius: 5px;
}

.accordion-menu-inner .card_area:nth-child(n + 2) {
  border-top: none;
}

/**
 * # 数量ボタン
 */
.spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.spinner.is-disabled {
  color: #ccc;
}

.spinner.is-disabled .spinner-btn:disabled svg {
  cursor: not-allowed;
  fill: #ccc;
}

.spinner.is-disabled .spinner-soldout {
  display: block;
  margin-left: 20px;
  background-color: #7f7f7f;
  color: #fff;
  padding: 5px 10px;
}

.spinner + .spinner {
  margin-top: 20px;
}

.spinner-ttl {
  display: inline-block;
  font-weight: bold;
  margin-right: 15px;
  font-size: 1.5rem;
  min-width: 1.2em;
  /* C's modified >> */
  text-align: center;
  /* << C's modified */
}

.spinner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* C's modified >> */
.card_area .spinner-inner > .spinner-btn {
  width: 38px;
  height: 38px;
  padding-top: 6px;
}
.card_area .spinner-inner > .spinner-btn:first-child {
  padding-left: 12px;
}
.card_area .spinner-inner > .spinner-btn:last-child {
  padding-right: 12px;
}
/* << C's modified */
.spinner-btn {
  color: transparent;
  width: 34px;
  height: 34px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.spinner-soldout {
  display: none;
}

.spinner-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.625rem;
  font-weight: bold;
  text-align: center;
  width: 60px;
  line-height: 1;
}

.spinner-btn svg {
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.spinner-totalText {
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.25rem;
}

.spinner-totalText-tax {
  font-size: 1rem;
  letter-spacing: 0.1em;
}

.spinner-btn.is-dsabled svg {
  fill: #ccc;
}

/**
 * # 金額
 */
.price {
  text-indent: -0.5em;
  padding-left: 1em;
  font-size: 1.125rem;
}

.price:before {
  content: "￥";
  display: inline-block;
}

.price span {
  font-size: 0.875rem;
  padding-left: 0.1875rem;
  letter-spacing: 0.1875rem;
  font-weight: normal;
}

.size-price-list .size-item {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.size-price-list .size-item:before {
  content: " ";
  display: inline-block;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  text-align: center;
  padding-right: 0.625rem;
  width: 1.625rem;
  font-size: 1.125rem;
  -webkit-text-emphasis: center;
  text-emphasis: center;
}

.size-price-list .size-item.sizeS:before {
  content: "S";
}

.size-price-list .size-item.sizeM:before {
  content: "M";
}

.size-price-list .size-item.sizeL:before {
  content: "L";
}

.size-price-list .size-item .sizeprice:before {
  content: "￥";
  display: inline-block;
}

.size-price-list .size-item .sizeprice span {
  font-size: 0.875rem;
  padding-left: 0.1875rem;
  letter-spacing: 0.1875rem;
  font-weight: normal;
}

/**
 * # カード
 */
.add,
.soldout {
  pointer-events: none;
  z-index: 10;
}

.add::after,
.soldout::after {
  font-weight: bold;
  content: "品切れ";
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 0.875rem;
  color: #fff;
  z-index: 100;
}

.add::before,
.soldout::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  border-radius: 5px;
  opacity: 0.5;
  z-index: 50;
  top: 0;
  left: 0;
}

.add::after {
  content: "カートに追加中";
}

.card_area {
  /* C's modified >> */
  /*  padding: 0.625rem 1.25rem 1.875rem;*/
  padding: 0.625rem 0.425rem 1.875rem 1.25rem;
  /* << C's modified */
  border-top: 1px solid #cccccc;
  background-color: #fff;
}

.card_area .card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
}

/* #1569 >> */
.card-title-area {
  border-top: 0px solid #ffffff;
  /* change theme >> */
  border-bottom: 0px solid #007749;
  /* << change theme */
  font-size: 1.625rem;
  background-size: 3.5rem;
  background-position: left 10px center;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  margin-top: 10px;
  height: 71px;
}
/* << #1569 */
/* C's modified >> */
.OrderDetailFormpanel .card_area .card-detail,
.OrderDetailDispPanel .card_area .card-detail {
  margin-bottom: 0px;
}
.card_area .card-detail {
  flex-wrap: wrap;
  justify-content: space-between;
}
.card_area .card-detail .card-overview {
  min-width: 45%;
}
/* << C's modified */

.card_area .card-detail .card-img {
  max-width: 140px;
  position: relative;
  margin: 0 10px 0px 0;
  width: 40%;
}

.card_area .card-detail .card-img.card-img-set {
  max-width: 116px;
  width: 40%;
}

.card_area .card-detail .card-overview {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.card_area .card-detail .card-overview .card-title {
  font-weight: bold;
  margin-top: 0;
}

.card_area .card-detail .card-overview .card-text {
  margin-top: 1.25rem;
}

.card_area .note-list {
  margin-top: 0.9375rem;
}

.card_area .spinner {
  /* C's modified >> */
  /*	margin-left: 10px; */
  margin-left: auto;
  /* << C's modified */
}

.card_area .spinner-btn {
  width: 28px;
  height: 28px;
}

.card_area .spinner-txt {
  font-size: 1.25rem;
  width: 50px;
  height: 28px;
}

/* #3986 >> */
.card_area .card-list,
.card_area .card-list[data-special-order-form="true"] {
  padding-bottom: 1.25rem;
}
.card_area .card-list[data-special-order-form="true"]:not(:last-child) {
  padding-bottom: 0.25rem;
}
/* << #3986 */

.card_area:nth-child(n + 2) {
  border-top: none;
}

.card_area.is-disabled .card-img.soldout:after {
  top: 42%;
}

.card_area.is-disabled .card-title,
.card_area.is-disabled .card-text {
  color: #ccc;
}

.card_area.is-disabled .spinner-inner .spinner-btn:disabled svg {
  cursor: not-allowed;
  fill: #ccc;
}

.card_area.is-disabled .spinner-inner .spinner-txt > span {
  color: #ccc;
}

.card_area.is-disabled .card-btn {
  color: #ccc;
  cursor: not-allowed;
}

.card_area.is-disabled .card-btn .js-menu-text:hover {
  text-decoration: none;
}

.card_area.is-disabled .card-btn .js-menu-text::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244%22%20height%3D%2244%22%3E%3Ccircle%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2025%22%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2222%22%20fill%3D%22%23ccc%22%2F%3E%3Cpath%20data-name%3D%22%E3%83%91%E3%82%B9%20268%22%20d%3D%22M33.184%2022.85v-1.5a.859.859%200%2000-.862-.862H23.7v-8.631a.859.859%200%2000-.858-.857h-1.5a.859.859%200%2000-.862.862v8.631h-8.622a.859.859%200%2000-.858.858v1.5a.859.859%200%2000.862.862h8.622v8.6a.859.859%200%2000.862.862h1.5a.859.859%200%2000.862-.862v-8.6h8.622a.867.867%200%2000.854-.863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.card-btn .js-menu-text:hover {
  text-decoration: underline;
}

.card-btn .js-menu-text::before {
  content: "";
  display: inline-block;
  background-image: url("/mosdocs/img/icon_plus.svg");
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center center;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: -0.35em;
  margin-right: 0.3125rem;
}

.card-btn .js-menu-text.is-open:before {
  background-image: url("/mosdocs/img/icon_minus.svg");
}

.card-menu-inner {
  padding: 0.9375rem 1.25rem 1.5625rem;
  background-color: #f9f0d9;
  margin-top: 0.625rem;
}

.customise-group {
  margin: -16px -14px -14px -14px;
  overflow: hidden;
}

.customise-group + .note-list {
  margin-top: 15px;
}

.customise-item {
  border-top: solid 1px #fff;
  padding: 14px;
}

.customise-item:first-child {
  border-top: none;
}

.card-tab-list {
  margin-top: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  /* C's Modified >> special order buttons wrap  */
  overflow: hidden;
  flex-wrap: wrap;
  align-content: stretch;
  margin-bottom: 0.315rem;
  /* << C's Modified */
}

/*
.card-tab-list .card-list-item {
  overflow: hidden;
}

.card-tab-list .card-list-item label {
  display: block;
  height: 100%;
}

.card-tab-list .card-list-item:first-child .radio-inline-span {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.card-tab-list .card-list-item:last-child .radio-inline-span {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.card-tab-list .card-list-item + .card-list-item .radio-inline-span {
  border-left: 0;
}
*/
.card-tab-list .radio-inline-input {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.card-tab-list .radio-inline-input:checked + .radio-inline-span {
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  color: #fff;
  font-weight: bold;
}

/* C's Modified >> special order round buttons, wrap 3 columns */
.card-tab-list .card-list-item {
  display: flex;
}
.card-tab-list .card-list-item label {
  display: flex;
  width: 100%;
}
.card-tab-list .card-list-item label > .radio-inline-input + span {
  height: auto;
  align-items: flex-start;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.card-tab-list .card-list-item:first-child .radio-inline-span,
.card-tab-list .card-list-item:nth-child(3n + 1) .radio-inline-span {
  border-left: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.card-tab-list
  .card-list-item:first-child.card-list-item:last-child
  .radio-inline-span,
.card-tab-list
  .card-list-item:nth-child(2).card-list-item:last-child
  .radio-inline-span,
.card-tab-list .card-list-item:nth-child(3) .radio-inline-span {
  border-top-right-radius: 5px;
}
.card-tab-list .card-list-item:nth-child(3n) .radio-inline-span {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.card-tab-list .card-list-item:last-child .radio-inline-span {
  border-bottom-right-radius: 5px;
}
.card-tab-list .card-list-item .radio-inline-span {
  border-bottom: 1px solid #ccc;
  height: 100%;
}
.card-tab-list .card-list-item:nth-child(1) .radio-inline-span,
.card-tab-list .card-list-item:nth-child(2) .radio-inline-span,
.card-tab-list .card-list-item:nth-child(3) .radio-inline-span {
  border-top: 1px solid #ccc;
}
/* << C's Modified */

.card-tab-list .radio-inline-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* C's modified >> */
  /*  border: solid 1px #ccc; */
  width: 100%;
  border-right: 1px solid #ccc;
  /* << C's modified */
  font-size: 1rem;
  padding: 0.5rem 0.625rem;
  text-align: center;
  background-color: #fff;
  height: 100%;
  cursor: pointer;
}

.card_area-list.card_area-list-contents .card_area-list-item {
  margin-top: -2px;
}

.card_area-list-contents > .card_area-list-item:nth-last-child(1) > .card_area,
.card_area-list-contents > .card_area-list-item:nth-last-child(2) > .card_area {
  border-bottom: 1px solid #cccccc;
}

.card_area-list-item > a {
  display: block;
  text-decoration: none;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.05);
}

.card_area-list-item > a[href]:hover .card_area {
  opacity: 0.6;
}

.accordion-menu-inner {
  background-color: #f9f0d9;
  padding: 1.5625rem 1.25rem 2.1875rem;
}

.accordion-menu-inner ul li > .card_area {
  width: 100%;
  padding: 0 0.9375rem 0.9375rem 0;
  border: none;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.05);
  position: relative;
}

.accordion-menu-inner ul li > .card_area .card-img img {
  width: 8.75rem;
}

.accordion-menu-inner ul li > .card_area:nth-child(n + 2) {
  border-top: none;
}

.modal-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}

/* C's modified >> */
.modal-link + .modal + .modal-link,
/* << C's modified */
.modal-link + .modal-link {
  margin-top: 16px;
}

.modal-link:hover {
  text-decoration: underline;
}

.modal-link:disabled {
  color: #ccc;
  cursor: not-allowed;
}

.modal-link:disabled .modal-link-icon svg {
  fill: #ccc;
}

.modal-link:disabled:hover {
  text-decoration: none;
}

.modal-link-icon {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: 0.5rem;
}

.modal-link-icon svg {
  width: 80%;
  /* change theme >> */
  fill: #007749;
  /* << change theme */
  vertical-align: middle;
}

.card_area {
  position: relative;
  overflow: hidden;
}

.couponList .card_area.card_area-option .card-item.is-disabled .card-title,
.couponList .card_area.card_area-option .card-item.is-disabled .card-amount,
.couponList
  .card_area.card_area-option
  .card-item.is-disabled
  .card-order-contents
  ul
  li,
.couponList .card_area.card_area-option .card-item.is-disabled .card-limit,
.couponList .card_area.card_area-option .card-item.is-disabled .card-total-fee {
  color: #aaa;
}

.couponList .card_area.card_area-option .card-item .form-selects:disabled,
.couponList
  .card_area.card_area-option
  .card-item
  .card-util
  .btn:disabled
  > span,
.couponList
  .card_area.card_area-option
  .card-item
  .card-util
  .card-delete:disabled {
  color: #aaa;
}

.couponList .card_area.card_area-option .card-item .form-selects:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.838px' height='12px' viewBox='0 0 17.838 12'%3E%3Cpath id='icon_arrow_down' d='M0,170.4V155.418a1.423,1.423,0,0,1,2.429-1.006l9.154,7.493a1.423,1.423,0,0,1,0,2.012L2.429,171.41A1.423,1.423,0,0,1,0,170.4Z' transform='translate(171.83) rotate(90)' fill='%23aaa'/%3E%3C/svg%3E");
}

.couponList
  .card_area.card_area-option
  .card-item
  .card-util
  .btn:disabled
  > span {
  border-color: #aaa;
}

.couponList
  .card_area.card_area-option
  .card-item
  .card-util
  .card-delete:disabled
  svg
  circle {
  fill: #aaa;
}

.couponList .card_area.card_area-option .modal-link:disabled {
  color: #aaa;
}

.couponList
  .card_area.card_area-option
  .modal-link:disabled
  .modal-link-icon
  svg {
  fill: #aaa;
}

.card_area.card_area-option {
  border-radius: 5px;
  overflow: hidden;
  padding: 30px 50px 30px;
}

.card_area.card_area-option .card-img {
  max-width: 210px;
  width: 40%;
}

.card_area.card_area-option + .card_area.card_area-option {
  margin-top: 20px;
}

.card_area.card_area-option .card-detail {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.card_area.card_area-option .card-list {
  padding-bottom: 0;
}

.card_area.card_area-option .card-img {
  margin: 0 20px 0px 0;
}

.card_area.card_area-option .card-overview {
  width: 100%;
}

.card_area.card_area-option .card-overview .card-amount p + p,
.card_area.card_area-option .card-overview .card-title p + p {
  margin-top: 0;
}

.card_area.card_area-option .card-overview .card-order-contents {
  margin-top: 20px;
  margin-bottom: 30px;
}

.card_area.card_area-option .card-overview .card-order-contents ul li {
  font-size: 0.875rem;
  color: #666666;
  width: auto;
  padding-right: 1.125rem;
  font-size: 0.875rem;
}
/* #6901 >> */
.special_order-item-list::before {
  content: "・";
}
/* << #6901 */
.card_area.card_area-option .card-overview .card-total-fee {
  margin-top: 1.875rem;
  border-top: 1px dotted #cccccc;
  padding-top: 1.25rem;
  text-align: right;
  margin-bottom: 1.875rem;
}

.card_area.card_area-option .card-overview .card-total-fee span {
  font-size: 0.875rem;
  letter-spacing: 0.1em;
}

.card_area.card_area-option:nth-child(n + 2) {
  border-top: none;
}

.card_area.card_area-option .card-order-already {
  margin-bottom: 10px;
}

.card_area.card_area-option .card-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card_area.card_area-option .card-amount-num {
  white-space: nowrap;
  margin-left: 10px;
}

.card_area.card_area-option .card-amount-num .form-selects {
  width: auto;
  display: inline-block;
  margin-left: 10px;
  min-width: 80px;
}

.card_area.card_area-option .card-item + .card-item {
  border-top: solid 1px #ccc;
  margin-top: 30px;
  padding-top: 30px;
}

.card_area.card_area-option.card_area-confirm {
  padding-top: 30px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card_area.card_area-option .card-error {
  color: #e90000;
  margin-top: 10px;
  margin-bottom: 5px;
}

.card_area.card_area-option .card-item.is-disabled .card-title,
.card_area.card_area-option .card-item.is-disabled .card-amount,
.card_area.card_area-option .card-item.is-disabled .card-order-contents ul li,
.card_area.card_area-option .card-item.is-disabled .card-limit,
.card_area.card_area-option .card-item.is-disabled .card-total-fee {
  color: #ccc;
}

.card_area.card_area-option .card-item.is-disabled .card-img {
  position: relative;
}

.card_area.card_area-option .card-item.is-disabled .card-img:after {
  content: "";
  display: block;
  opacity: 0.5;
  background-color: #000000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.card_area.card_area-option .card-item .form-selects:disabled,
.card_area.card_area-option .card-item .card-util .btn:disabled > span,
.card_area.card_area-option .card-item .card-util .card-delete:disabled {
  cursor: not-allowed;
  color: #ccc;
}

.card_area.card_area-option .card-item .form-selects:disabled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.838px' height='12px' viewBox='0 0 17.838 12'%3E%3Cpath id='icon_arrow_down' d='M0,170.4V155.418a1.423,1.423,0,0,1,2.429-1.006l9.154,7.493a1.423,1.423,0,0,1,0,2.012L2.429,171.41A1.423,1.423,0,0,1,0,170.4Z' transform='translate(171.83) rotate(90)' fill='%23ccc'/%3E%3C/svg%3E");
}

.card_area.card_area-option .card-item .card-util .btn:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card_area.card_area-option .card-item .card-util .btn:disabled > span {
  border-color: #ccc;
}

.card_area.card_area-option .card-item .card-util .btn:disabled:hover > span {
  opacity: 1;
}

.card_area.card_area-option
  .card-item
  .card-util
  .card-delete:disabled
  svg
  circle {
  fill: #ccc;
}

.card_area.card_area-option .card-item .card-util .card-delete:disabled:hover {
  text-decoration: none;
}

.card_area .card-detail .card-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card_area .card-detail .card-amount .card-amount-num {
  white-space: nowrap;
  margin-left: 20px;
  font-weight: normal;
}

.card-limit {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #666;
}

.card-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.125rem;
  font-weight: bold;
  width: 100%;
}

.card-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* #6551 >> */
.card-set-recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.card-set-recommend > img {
  max-width: 40%;
}
.card-set-recommend > span {
  padding-bottom: 1rem;
  font-weight: bold;
  max-width: 60%;
  word-break: break-all;
}
.card-set-recommend > span > span {
  padding-bottom: 1rem;
  font-weight: normal;
  max-width: 60%;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .card-set-recommend > img {
    max-width: 50%;
  }
  .card-set-recommend > span {
    flex: auto;
    padding-bottom: 0rem;
    max-width: 50%;
  }
}
/* << #6551 */
.card-util > span {
  /* C's modified >> */
  display: inline-flex;
  /*  display: inline-block; */
  /* << C's modified */
}

.card-util .btn {
  min-width: 0;
  /* C's modified >> */
  min-width: 120px;
  /* << C's modified */
  width: 200px;
}

.card-util .btn > span {
  padding: 8px 15px;
}

.card-util .card-delete {
  min-height: 32px;
}

.card-delete {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-delete > span {
  padding-right: 10px;
}

.card-delete svg {
  height: 22px;
  width: 22px;
  /* C's modified >> */
  min-width: 22px;
  margin-left: 4px;
  /* << C's modified */
}

.card-delete:hover {
  text-decoration: underline;
}

/* C's modified >> */
.coupon-delete {
  z-index: 100;
  pointer-events: auto;
  color: white;
}
.coupon-delete:hover {
  text-decoration: none;
}
/* << C's modified */

.registered {
  padding: 20px 30px;
}

.registered-ttl {
  font-weight: bold;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  margin-bottom: 15px;
  font-size: 1.125rem;
}

.registered-item {
  border-top: dashed 1px #ccc;
  padding: 15px 0;
  /* C's modified >> */
  word-wrap: break-word;
  word-break: break-all;
  line-break: anywhere;
  overflow-wrap: break-word;
  /* << C's modified */
}

/* C's modified >> */
/* #1569 >> */
.registered-item.no-border {
  border-top: solid 0px transparent;
}
/* << #1569 */
/* << C's modified */

.registered-item .btn {
  margin-top: 15px;
  width: auto;
  min-width: 200px;
}

.registered-item .btn > span {
  padding-top: 8px;
  padding-bottom: 8px;
}

.registered-item dd {
  font-weight: bold;
  font-size: 1rem;
}

.registered-item dd .note {
  font-weight: normal;
}

.registered-item + .card-delete {
  margin-top: 10px;
  /* C's modified >> */
  height: 22px;
  /* << C's modified */
}

.registered-item-ttl {
  font-size: 0.875rem;
}

.spinner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.spinner-btn {
  color: transparent;
  width: 34px;
  height: 34px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.spinner-txt {
  display: inline-block;
  text-align: center;
  width: 60px;
  height: 34px;
  line-height: 34px;
}

.spinner-btn svg {
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.spinner-btn.is-dsabled svg {
  fill: #ccc;
}

.memberRegistration-wrap {
  max-width: 724px;
  margin-right: auto;
  margin-left: auto;
}

.memberRegistration {
  text-align: center;
  margin-bottom: 45px;
}

.memberRegistration-ttl {
  font-size: 1rem;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 35px;
  /* change theme >> */
  color: #007749;
  /* << change theme */
}

.memberRegistration-img {
  margin: 0 auto;
  max-width: 322px;
}

.table-wrapper {
  position: relative;
  margin: 0 1em;
}

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #ccc;
}

.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td {
  border: solid 1px #ccc;
  padding: 15px 20px;
  vertical-align: middle;
}

.table > tfoot > tr > th,
.table > thead > tr > th,
.table > tbody > tr > th {
  text-align: center;
  background-color: #f1e3d4;
  font-weight: bold;
  vertical-align: middle;
}

.table > tfoot > tr > th.th-grade,
.table > thead > tr > th.th-grade,
.table > tbody > tr > th.th-grade {
  background-color: #fffaed;
}

.top-menu-area.menu-buttn-module .menulinkBlock .menulink-item a.btn span {
  font-weight: normal;
}

.payment-btn {
  margin-top: 30px;
}

.payment-btn:first-child {
  margin-top: 0;
}

.payment-item-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment-item-contents > dt {
  margin-right: 10px;
}

.payment-item-contents > dd {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment-item-contents > dd .form-inputs[type="tel"] {
  width: 140px;
}

.payment-item-contents > dd p {
  margin-top: 0;
}

.payment-item-contents > dd .btn {
  min-width: 200px;
  width: auto;
  border-radius: 5px;
}

.payment-item-contents > dd .btn > span {
  padding: 8px;
}

.payment-item .note {
  margin-top: 10px;
}

.payment-item + .payment-item {
  margin-top: 20px;
}

.payment-amount {
  padding: 0 15px;
}

.payment-item-error {
  margin-top: 5px;
  color: #e90000;
  padding-left: 1.6em;
  position: relative;
}

.payment-item-error:before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='16px' viewBox='0 0 18 16'%3E%3Cpath fill='%23e90000' d='M17.8,13.75A1.5,1.5,0,0,1,16.5,16H1.5A1.5,1.5,0,0,1,.2,13.75L7.7.75a1.5,1.5,0,0,1,2.6,0l7.5,13ZM9,11.062A1.437,1.437,0,1,0,10.437,12.5,1.438,1.438,0,0,0,9,11.062ZM7.635,5.9l.232,4.25a.375.375,0,0,0,.374.355H9.758a.375.375,0,0,0,.374-.355l.232-4.25a.375.375,0,0,0-.374-.4H8.009a.375.375,0,0,0-.374.4Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 50%;
  position: absolute;
  left: 0;
  top: 0.2em;
}

/**
 * # タブ
 */
[data-tab-contents]:not(.is-tab-open) {
  display: none;
}

[data-tab-contents].is-tab-open {
  display: block;
}

/**
 * # アコーディオン
 */
.js-accordion-menu-inner {
  display: none;
  width: 100%;
}

[data-accordion-menu-radio-target] {
  display: none;
}

button.menu-btn:hover {
  /* change theme >> */
  /*border-color: #4dc269;*/
  border-color: #4d9279;
  /* << change theme */
  opacity: 0.8;
}

.js-active {
  display: block;
}

/**
 * # フォーム
 */
.is-form-error .form-inputs {
  background-color: #ffe6e6;
}

.alert-list-item {
  padding: 15px 0;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  font-size: 0.875rem;
}

.alert-list-item + .alert-list-item {
  border-top: none;
}

.alert-ttl {
  font-weight: bold;
  position: relative;
  margin-bottom: 5px;
}

.alert-list-item.danger {
  border-color: #ffb5b5;
  background-color: #ffe3e3;
}

.alert-list-item.danger .alert-ttl {
  padding-left: 1.6em;
  color: #e90000;
}

.alert-list-item.danger .alert-ttl:before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='16px' viewBox='0 0 18 16'%3E%3Cpath fill='%23e90000' d='M17.8,13.75A1.5,1.5,0,0,1,16.5,16H1.5A1.5,1.5,0,0,1,.2,13.75L7.7.75a1.5,1.5,0,0,1,2.6,0l7.5,13ZM9,11.062A1.437,1.437,0,1,0,10.437,12.5,1.438,1.438,0,0,0,9,11.062ZM7.635,5.9l.232,4.25a.375.375,0,0,0,.374.355H9.758a.375.375,0,0,0,.374-.355l.232-4.25a.375.375,0,0,0-.374-.4H8.009a.375.375,0,0,0-.374.4Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 50%;
  position: absolute;
  left: 0;
  top: 0.2em;
}

.alert-list-item.warning .alert-ttl {
  color: #ff9b43;
}

.alert-list-item.low .alert-ttl {
  /* change theme >> */
  color: #007749;
  /* << change theme */
}

.error-title {
  font-weight: bold;
  text-align: center;
  font-size: 1.125rem;
  color: #e90000;
  margin-top: 4.375rem;
  margin-bottom: 2.8125rem;
}

.error-title.error-title-icon:before {
  content: "";
  display: inline-block;
  width: 1.25em;
  height: 1.1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18px' height='16px' viewBox='0 0 18 16'%3E%3Cpath fill='%23e90000' d='M17.8,13.75A1.5,1.5,0,0,1,16.5,16H1.5A1.5,1.5,0,0,1,.2,13.75L7.7.75a1.5,1.5,0,0,1,2.6,0l7.5,13ZM9,11.062A1.437,1.437,0,1,0,10.437,12.5,1.438,1.438,0,0,0,9,11.062ZM7.635,5.9l.232,4.25a.375.375,0,0,0,.374.355H9.758a.375.375,0,0,0,.374-.355l.232-4.25a.375.375,0,0,0-.374-.4H8.009a.375.375,0,0,0-.374.4Z' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 90% auto;
  background-position: 50%;
  margin-right: 1px;
  margin-bottom: -1px;
}

.error-txt {
  font-size: 1rem;
}

.mainSlider-wrap {
  margin: 80px 0 40px;
}

.mainSlider-content {
  text-align: center;
}

.mainSlider-content img {
  width: 100%;
}

.mainSlider-item {
  display: block;
  margin: 0 auto;
  background-color: #fff;
}

a.mainSlider-item:hover .mainSlider-item-inner {
  opacity: 0.7;
}

.mainSlider {
  position: relative;
}

.mainSlider .slick-arrow {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  /* change theme >> */
  border: 2px solid #007749;
  /* << change theme */
  color: transparent;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  top: 40%;
}

.mainSlider .slick-arrow svg {
  /* change theme >> */
  fill: #007749;
  /* << change theme */
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.mainSlider .slick-arrow:hover {
  /* change theme >> */
  /*border: 2px solid #4dc269;*/
  border: 2px solid #4d9279;
  /* << change theme */
}

.mainSlider .slick-arrow:hover svg {
  /* change theme >> */
  /*fill: #4dc269;*/
  fill: #4d9279;
  /* << change theme */
}

.mainSlider .slick-next {
  right: 18%;
}

.mainSlider .slick-prev {
  left: 18%;
}

.mainSlider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1180px;
  margin: 30px auto 0;
}

.mainSlider .slick-dots > li {
  margin: 10px 10px 0 10px;
  width: 13px;
  height: 13px;
}

.mainSlider .slick-dots > li > button {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background-color: #ddd;
  display: block;
}

.mainSlider .slick-dots > li.slick-active button {
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
}

.js-mainSlider:not(.slick-slider) {
  display: none;
}

.indexLink-list {
  -webkit-transform: translateY(28px);
  transform: translateY(28px);
  margin: -28px -14px 0;
}

.indexLink-item {
  /* C's modified >> */
  display: flex;
  /* << C's modified */
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 28px;
}

.indexLink {
  /* C's modified >> */
  /*  display: block; */
  /* << C's modified */
  border-radius: 5px;
  border: solid 1px #ccc;
  overflow: hidden;
  /* C's modified >> */
  /*  height: 100%; */
  width: 100%;
  height: auto;
  /* << C's modified */
  text-decoration: none;
  position: relative;
  -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.06);
  background-color: #fff;
}

.indexLink:hover .indexLink-inner {
  opacity: 0.7;
}

.indexLink-inner {
  padding: 15px 20px 25px;
  /* C's modified >> */
  flex-wrap: wrap;
  /* << C's modified */
}

.indexLink-img {
  text-align: center;
  margin: -15px -20px 0;
}

.indexLink-txt {
  /* change theme >> */
  border-top: solid 1px #007749;
  /* << change theme */
  padding-top: 25px;
}

.indexLink-txt .link {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  text-decoration: none;
  font-weight: bold;
}

.indexLink-txt p,
.indexLink-txt .note-list {
  margin: 0;
}

.indexLink-txt .size-price-list,
.indexLink-txt .price-list {
  margin: 1.875rem 1.25rem 1.875rem 1.25rem;
  font-weight: bold;
}

/**
 * # 見出し+本文+ボタン+リンク
 */
.textLink-area-list {
  margin: -0.625rem -0.875rem;
}

.textLink {
  padding: 0.625rem 0.875rem;
}

.btnBlock {
  margin-top: 30px;
}

.btnBlock .btn-list + .btn-list {
  margin-top: 28px;
}

.btnBlock > .btn {
  height: 100%;
}

.btnBlock + .note-list {
  margin-top: 2.5rem;
}

.orderWay-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.orderWay-list-item {
  margin: 0;
  max-width: 300px;
  width: 100%;
  /* C's modified >> */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* << C's modified */
}

.orderWay-list-item + .orderWay-list-item {
  margin-left: 40px;
}

.orderWay-link {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  padding: 80px 15px 15px;
  border-radius: 10px;
  /* change theme >> */
  background-color: #007749;
  /* << change theme */
  -webkit-box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.14);
  width: 100%;
  height: 100%;
  position: relative;
}

.orderWay-link:hover {
  /* change theme >> */
  /*background-color: #4dc269;*/
  background-color: #4d9279;
  /* << change theme */
}

.orderWay-link:hover .orderWay-link-icon span {
  opacity: 0.7;
}

.orderWay-link-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  overflow: hidden;
  position: absolute;
  top: 17px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.orderWay-link-icon > span {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 60% auto;
}

/* #3141 >> */
.orderWay-link-icon.eat-order > span {
  background-size: 80% auto;
}
/* << #3141 */

.news-list-item {
  border-top: solid 1px #ccc;
  padding: 27px 0;
}

.news-ttl {
  font-weight: bold;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  font-size: 1.125rem;
  margin-bottom: 0.5em;
}

.couponList .card_area {
  background-color: #f9f0d9;
  border: none;
  border-radius: 5px;
}

.shopList-result {
  text-align: center;
  background-color: #f9f0d9;
  padding: 10px 0;
  margin-bottom: 45px;
}

.shopList-item {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #ccc;
}

.shopList-item.hand-over-item {
  padding-top: 2.5rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  border-bottom: none;
  background-color: #f9f0d9;
}

.shopList-item.hand-over-item .shopList-time {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shopList-item.hand-over-item .shopList-ttl {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 0.375rem;
}

.shopList-item.hand-over-item .shopList-ico {
  width: 0.8125rem;
  height: 0.8125rem;
}

.shopList-ttl {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

.shopList-info p + p {
  margin-top: 0.5em;
}

.shopList-info .shopList-link {
  margin-top: 1em;
}

/* C's modified >> */
.shopList-name,
/* << C's modified */
.shopList-address,
.shopList-time,
.shopList-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.shopList-tel {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 155px;
  white-space: nowrap;
}

.shopList-address-txt,
.shopList-time-txt,
.shopList-tel-txt {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
/* C's modified >> */
.shopList-tel .shopList-ico[data-svg-var="tel"] {
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.15em;
}
/* << C's modified */
/* C's modified >> */
.shopList-name .shopList-ico[data-svg-var="delivery"] {
  min-width: 1.2em;
  min-height: 1.2em;
}
/* << C's modified */
.shopList-time-txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.shopList-time-txt strong {
  font-size: 1.2em;
}

/* C's modified >> */
.shopList-name-txt-2,
/* << C's modified */
.shopList-time-txt-2 {
  margin-left: 1em;
}

/* C's modified >> */
.shopList-name-txt-1,
/* << C's modified */
.shopList-time-txt-1 {
  white-space: nowrap;
}
/* C's modified >> */
.shopList-time-txt-2.txt-ng {
  /* 100% - .shopList-name-txt-1 width with icon(about)*/
  max-width: calc(100% - 8em - 18px);
}
/* << C's modified */

.shopList-ico {
  display: block;
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
}

.shopList-ico svg {
  width: 100%;
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}
/* C's modified >> */
/* #3201 >> */
.shopList-time + .shopList-message {
  margin-top: 0px;
}
.shopList-message {
  margin-left: 1.7em;
}
.shopList-message > .txt {
  font-weight: bold;
}
/* << #3201 */
/* #6560 >> */
.shopList-message.break {
  word-break: break-all;
}
/* << #6560 */
/* #6918 >> */
.shopList-info .shopList-message,
.shopList-info .shopList-address,
.shopList-info .shopList-time,
.shopList-info .shopList-link {
  text-align: left;
}
.latlngForm .shopList-item:last-child {
  margin-bottom: 0px;
}
.latlngForm {
  margin-top: -3.75rem;
  margin-left: 0px;
  margin-right: 0px;
}
.latlngForm.hasShopList {
  margin-bottom: -4rem;
  height: auto;
}
.latlngForm.hasCoordinateSearchError {
  height: auto;
}
.latlngForm.hasShopList .coordinateSearchInformation,
.latlngForm.hasShopList .coordinateSearch-Invoker {
  display: none;
}
.latlngForm .shopList-time-txt-2.txt-ng {
  text-align: left;
}
.coordinateSearchInformation {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .latlngForm {
    margin-top: -2.5rem;
    margin-left: -15px;
    margin-right: -15px;
  }
  .coordinateSearchInformation {
    margin-top: 2.5rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .coordinateSearch-Invoker {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}
/* << #6918 */
/* << C's modified */

.shopDetail-section {
  padding-top: 50px;
}

.shopDetail-section > *:first-child {
  margin-top: 0;
}

.shopDetail-section + .shopDetail-section {
  border-top: solid 1px #ccc;
  margin-top: 50px;
}

/* #2786>> */
.shopDetail-section .event-alert {
  text-align: center;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .shopDetail-section .event-alert {
    margin-left: 0;
  }
}
/* <<#2786 */

.shopDetail-order .h4 {
  margin: 0 0 0.5em 0;
}

.shopDetail-area + .shopDetail-area {
  margin-top: 25px;
  border-top: solid 1px #ccc;
}

.shopDetail-area-list {
  margin: -10px;
}

.shopDetail-area-list > li {
  padding: 10px;
}

.shopDetail-area-list-txt-sub {
  display: block;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  font-size: 0.875rem;
  line-height: 1.2;
}

.productDetails-contents .modal-link {
  margin-top: 40px;
  margin-bottom: 16px;
}

.productDetails-img {
  margin-top: 40px;
  text-align: right;
}

.productDetails-img img {
  width: 443px;
  height: auto;
}

.productDetails-ttl {
  font-weight: bold;
  margin-top: 80px;
  margin-bottom: 30px;
  line-height: 1.4;
  font-size: 1.375rem;
}

.categoryDescription-wrap {
  background-color: #f9f0d9;
  padding: 40px 30px;
  margin-top: 25px;
}

.categoryDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.categoryDescription-img {
  width: 34px;
  margin-right: 10px;
}

.categoryDescription-list {
  margin: -15px;
}

.categoryDescription-list-item {
  padding: 15px;
}

.orderBox {
  width: 100%;
  -webkit-box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.orderBox-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
  margin: 0 -14px;
}

.orderBox-item-num {
  color: #e90000;
}

.orderBox-btn,
.orderBox-item {
  padding: 0 14px;
}

.orderBox-btn {
  font-size: 0;
}

.orderBox-btn .btn > span {
  font-size: 0.875rem;
}

.iconlistsBlock {
  padding: 0 0 2.1875rem;
}

.iconlistsBlock.allergies {
  background-color: #f9f0d9;
}

.iconlistsBlock.allergies .iconlist-img {
  background-color: inherit;
}

.iconlistsBlock .iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 76%;
  margin: 0 auto;
}

.iconlistsBlock .iconlist .iconlist-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 2.1875rem;
}

.complete-ttl {
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 4.375rem;
  margin-bottom: 2.8125rem;
}

.tab-contents.menu-link-area {
  padding: 0;
}

.tab-contents .form-item + p,
.tab-contents .form-item + .note-list,
.tab-contents .form-item + .txt-ng,
.tab-contents .form-grid + p,
.tab-contents .form-grid + .note-list,
.tab-contents .form-grid + .txt-ng {
  margin-top: 0.9375rem;
}

.tab-contents .form-item,
.tab-contents .form-grid {
  max-width: 33.5rem;
  margin: 0 auto;
}

.tab-contents .txt-ng,
.tab-contents p {
  text-align: center;
}

.tab-contents .ancr-link-area {
  margin-top: -1.25rem;
  text-align: left;
}

.tab-contents .ancr-link-area p {
  text-align: left;
}

.tab-contents .ancr-link-area ul.note-list {
  margin-top: 0.9375rem;
}

/* C's modified >> */
.menulinkBlock .menulink-list .menulink-item p {
  width: 100%;
}
.menu-btn:nth-child(n + 2) {
  border-top: none;
}

.menulinkBlock .menulink-list .menulink-item:nth-child(n + 1) {
  border-top: none;
}
/* << C's modified */

/**
 * # アコーディオン タブコンテンツ内容
 */
.accordion-menu-inner .menulink-list {
  margin: 0 -0.875rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.accordion-menu-inner .menulink-list .menulink-item {
  width: 50%;
  padding: 0 0.875rem;
  border-top: none;
  border-bottom: none;
}

.accordion-menu-inner .menulink-list .menulink-item:last-child .btn {
  border-bottom: none;
}

.accordion-menu-inner .menulink-list .menulink-item .btn {
  border-bottom: 1px solid #ffffff;
  background: #f9f0d9;
}

.accordion-menu-inner .menulink-list .menulink-item .btn > span {
  padding: 1.25rem 0;
  font-weight: normal;
}

.accordion-menu-inner .menulink-list .menulink-item .btn > span:after {
  width: 0.625rem;
  height: 0.9375rem;
  right: 0;
}

.accordion-menu-inner .menulink-list .menulink-item .btn.is-disabled {
  cursor: not-allowed;
}

.accordion-menu-inner .menulink-list .menulink-item .btn.is-disabled > span {
  color: #aaa;
  opacity: 1;
}

.accordion-menu-inner
  .menulink-list
  .menulink-item
  .btn.is-disabled
  > span:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='M.5,14.493,14.286.506a1.686,1.686,0,0,1,2.408,0L18.3,2.137a1.745,1.745,0,0,1,0,2.44L7.377,15.714,18.3,26.852a1.745,1.745,0,0,1,0,2.44l-1.608,1.632a1.686,1.686,0,0,1-2.408,0L.5,16.936A1.745,1.745,0,0,1,.5,14.493Z' transform='translate(18.8 31.429) rotate(180)' fill='%23aaa'/%3E%3C/svg%3E%0A");
}

.accordion-menu-inner .textLink-area p {
  text-align: left;
}

.textLink-area-txt-sub {
  display: block;
  /* change theme >> */
  color: #007749;
  /* << change theme */
  font-size: 0.875rem;
  line-height: 1.2;
}

.timeselectBlock p {
  text-align: left;
}

.timeselectBlock p.form-time-select-tit {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}

.timeselectBlock .note-list {
  margin-top: 2.5rem;
}

.timeselectBlock .form-item,
.timeselectBlock .form-grid {
  width: auto;
  margin: 0;
}

.timeselectBlock .form-time-select {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin-top: 1.125rem;
}

.timeselectBlock .time-select-none .btnBlock {
  margin-top: 0;
}

.timeselectBlock .btnBlock {
  margin-top: 2.5rem;
}

/**
 * # フォーム
 */
.form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-grid.form-name-grid {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.form-grid.form-name-grid:nth-child(n + 2) {
  margin-top: 1.125rem;
}

.form-grid.form-birthday-grid {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.form-center-area {
  width: 33.5rem;
  margin: 0.9375rem auto;
}

.form-center-area::-ms-expand {
  margin: 0 auto;
}

.form-center-area p + .form-item,
.form-center-area .form-item + p {
  margin-top: 1rem;
}

.form-center-area a.link {
  margin-top: 1.125rem;
}

.form-center-area .btnBlock {
  margin-top: 2.8125rem;
}

.form-item,
.form-item-filler {
  margin-top: 1.125rem;
}

.form-item:first-child {
  margin-top: 0;
}

.form-item.form-name-item:nth-child(2) {
  margin-left: 1.75rem;
  margin-top: 0;
}

.form-item .txt-ng {
  margin-top: 0.5rem;
}

.form-item .txt-ng + .txt-ng {
  margin-top: 0;
}

.form-item ul.note-list {
  margin-top: 0.3125rem;
}

.form-item ul.note-list.premise {
  margin-top: -0.125rem;
  margin-bottom: 0.625rem;
}

.form-item ul.note-list.premise li {
  /* change theme >> */
  color: #007749;
  /* << change theme */
}

.form-item .form-checkbox {
  margin-top: 1rem;
}

/* C's modified >> */
.form-item .form-price {
  font-weight: bold;
  margin-top: 0.2rem;
  margin-bottom: 1.5rem;
}

.form-item .form-price span {
  font-size: 1.325rem;
  padding-right: 0.325rem;
}
/* << C's modified */

.form-label {
  font-weight: bold;
  margin-bottom: 0.625rem;
  display: inline-block;
}

.form-label span {
  color: #666666;
  font-weight: bold;
  background-color: #eeeeee;
  font-size: 0.875rem;
  padding: 0.125rem 0.5rem 0.25rem;
  margin-left: 10px;
}

.form-label span.required {
  background-color: #ff9b43;
  color: #fff;
}

/**
 * # アコーディオン
 */

.container .accordion-menu .menulinkBlock,
.container-sp .accordion-menu .menulinkBlock {
  padding-right: 15px;
  padding-left: 15px;
}

.menu-btn {
  /**
 * # テキストリンク
 */
}

.menu-btn:nth-child(n + 2) {
  border-top: none;
}

.menu-btn.menu-link-area {
  padding: 0;
}

.menu-btn.menu-link-area .accordion-menu-inner .menulink-list {
  margin: 0 -0.875rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.menu-btn.menu-link-area .accordion-menu-inner .menulink-list .menulink-item {
  width: 50%;
  padding: 0 0.875rem;
  border-top: none;
  border-bottom: none;
}

.menu-btn.menu-link-area
  .accordion-menu-inner
  .menulink-list
  .menulink-item:nth-last-child(-n + 2).btn {
  border-bottom: none;
}

.menu-btn.menu-link-area
  .accordion-menu-inner
  .menulink-list
  .menulink-item
  .btn {
  border-bottom: 1px solid #ffffff;
  background: #f9f0d9;
}

.menu-btn.menu-link-area
  .accordion-menu-inner
  .menulink-list
  .menulink-item
  .btn
  > span {
  padding: 1.25rem 0;
}

.menu-btn.menu-link-area
  .accordion-menu-inner
  .menulink-list
  .menulink-item
  .btn
  > span:after {
  width: 0.625rem;
  height: 0.9375rem;
  right: 0;
}

.menu-btn.menu-link-area .accordion-menu-inner .bd-b-hidden {
  border-bottom: none !important;
}

.menu-btn.menu-textlink-area {
  padding: 0;
}

.menu-btn.menu-textlink-area .accordion-menu-inner {
  padding: 1.5625rem 1.25rem;
}

.menu-btn.menu-textlink-area .accordion-menu-inner .textLink-area-list {
  margin: -0.9375rem;
}

.menu-btn.menu-textlink-area .accordion-menu-inner .textLink {
  padding: 0.9375rem;
}

.menu-btn .top-menu-area .menu-btn:nth-child(n + 2) {
  border-top: none;
}

/* C's modified >> */
.top-menu-area .menu-btn .menu-text {
  margin: auto;
}
/* #1569 >> */
.top-mark::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  vertical-align: middle;
  margin-top: -0.4rem;
  margin-bottom: -0.2rem;
}
@media screen and (max-width: 767px) {
  .top-mark::before {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}
.top-mark > strong {
  font-size: larger;
}

.top-moscard-mark::before {
  background-image: url(/mosdocs/img/icon_moscard.svg);
}

.top-mospoint-mark::before {
  background-image: url(/mosdocs/img/icon_mospoint.svg);
}

.top-dpoint-mark::before {
  background-image: url(/mosdocs/img/icon_dpoint.svg);
}
.top-coupon-link {
  vertical-align: sub;
}
/* << #1569 */
/* << C's modified */

.menu-btn .top-menu-area .menulink-list .menulink-item {
  border-top: none;
}

.menu-btn .accordion-menu-inner .indexLink-wrap {
  padding: 0;
}

.menu-btn .accordion-menu-inner .indexLink {
  background-color: #ffffff;
}

.menu-btn .accordion-menu-inner .indexLink-txt .link {
  font-weight: normal;
  letter-spacing: -0.01em;
}

/**
 * # B-7
 */
.noteBlock {
  background-color: #f9f0d9;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

/**
 * # B-8
 */
ul.list.form-mail {
  margin-bottom: 40px;
}

.form-item.domain-item.domein-input {
  margin-bottom: 18px;
}

/**
 * # B-9
 */
/* C's modified >> */
.form-head-error,
.form-head-error .list li a,
.form-head-cant-cartin-msg .list li {
  /* << C's modified */
  color: #e90000;
}

/**
 * # B-10
 */
/**
 * # B-11
 */
/**
 * # B-12
 */
/**
 * # B-15
 */
/**
 * # B-16
 */
/**
 * # B-17
 */

.imgSet-img img {
  width: 100%;
}

/**
 * # リンク F-2
 */
.localNav {
  background-color: #f9f0d9;
  /* C's modified >> */
  /* padding: 30px 0; */
  padding: 20px 0 0;
  /* << C's modified */
}

.localNav.is-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.localNav-list-item {
  position: relative;
  display: inline-block;
  /* C's modified >> */
  /*
  padding-left: 20px;
  padding-right: 20px;
*/
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.85em;
  border-right: solid 1px #cccccc;
  /*  border-right: solid 1px #fff;*/
  /* << C's modified */
}

.localNav-list-item > a {
  display: block;
  width: 100%;
  text-decoration: none;
}

.localNav-list-item > a:hover:after,
.localNav-list-item.is-current > a:after {
  content: "";
  /* C's modified >> */
  /* change theme >> */
  /*  border-bottom: solid 2px #007749; */
  border-bottom: solid 4px #007749;
  /* << change theme */
  /* << C's modified */
  position: absolute;
  left: 0;
  right: 0;
  /* C's modified >> */
  /*  bottom: 0; */
  bottom: -8px;
  /* << C's modified */
}

/* C's modified >> */
.localNav-list-item > a:after {
  content: "";
  border-bottom: dashed 1px #cccccc;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
}
/* 最後の行 */
.localNav-list-item.js-last-row:not(.is-current) > a:not(:hover):after {
  border-bottom: none;
}
/* << C's modified */

.stepNav {
  background-color: #f9f0d9;
}

.stepNav-inner {
  padding: 20px 0;
}

.stepNav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stepNav-list-item {
  max-width: 100px;
  width: 100%;
}

.stepNav-list-item + .stepNav-list-item {
  margin-left: 130px;
}

.stepNav-list-item + .stepNav-list-item .stepNav-img:before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  border-radius: 10px;
  background-color: #ccc;
  position: absolute;
  right: calc(100% + 15px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.stepNav-list-item + .stepNav-list-item .stepNav-img svg {
  width: 100px;
}

.stepNav-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  position: relative;
}

.stepNav-img span {
  width: 100%;
  max-width: 100px;
}

.stepNav-img svg {
  height: 28px;
  fill: #ccc;
}
/* C's modified >> */
.stepNav-list-item:first-child .stepNav-img span.hidden-sp {
  margin-left: calc(50% - 30px);
}
.stepNav-list-item .stepNav-img span.hidden-pc {
  margin-left: calc(50% - 30px);
}
/* << C's modified */

.stepNav-img svg circle,
.stepNav-img svg rect {
  fill: rgba(0, 0, 0, 0);
}

.stepNav-img + .stepNav-txt {
  margin-top: 10px;
}

.stepNav-txt {
  white-space: nowrap;
  text-align: center;
  font-size: 0.875rem;
  color: #666;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stepNav-list-item.is-stepNav-current .stepNav-img svg {
  height: 40px;
  /* change theme >> */
  fill: #007749;
  /* << change theme */
}

.stepNav-list-item.is-stepNav-current .stepNav-img svg circle,
.stepNav-list-item.is-stepNav-current .stepNav-img svg rect {
  fill: #fff;
}

.stepNav-list-item.is-stepNav-current .stepNav-txt {
  font-weight: bold;
  /* change theme >> */
  color: #007749;
  /* << change theme */
}

.stepContents {
  background-color: #f9f0d9;
  padding: 1px 94px 60px;
}

.terms {
  background-color: #f9f0d9;
  height: 310px;
  overflow: auto;
  border-right: solid 10px #f9f0d9;
  /* C's modified >> */
  word-wrap: break-word;
  word-break: break-all;
  line-break: anywhere;
  overflow-wrap: break-word;
  /* << C's modified */
}

.terms-inner {
  padding: 30px;
}

.terms-inner > *:first-child {
  margin-top: 0;
}

.terms-ttl {
  margin: 25px 0 15px;
  font-size: 1.125rem;
  font-weight: bold;
}

.terms::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

.terms::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
  margin: 10px 0;
}

.terms::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.thanks-txt {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 45px;
  text-align: center;
}

.thanks-img {
  text-align: center;
  margin-top: 70px;
}

.thanks-img img {
  width: 263px;
}
/* C's modified >> */
/* #3141 >> */
.hand-over-no-area {
  margin-top: 20px;
  margin-bottom: -40px;
}
/* << #3141 */
/* #3434 >> */
.event-reserve-no-area {
  margin-top: 20px;
  margin-bottom: -40px;
}
/* << #3434 */
/* << C's modified */

.confirmSection {
  background-color: #f9f0d9;
  height: 100%;
  padding-top: 1px;
}

.confirmSection .note-desc {
  color: #666;
  margin-top: 30px;
  font-size: 0.875rem;
}

.confirmSection.confirmSection-card {
  padding-bottom: 0;
}

.confirmSection-grid {
  margin-left: -14px;
  margin-right: -14px;
}

.confirmSection-grid-item {
  padding-left: 14px;
  padding-right: 14px;
}

.confirmSection-grid-item:nth-child(n + 3) {
  margin-top: 28px;
}

.confirmSection {
  padding-bottom: 50px;
}

.confirmSection .card_area {
  background-color: #fff;
  border: none;
}

.paragraph {
  margin-top: 1em;
  margin-bottom: 1em;
}

.paragraph:first-child {
  margin-top: 0;
}

.paragraph:last-child {
  margin-bottom: 0;
}

.block-center {
  margin-right: auto;
  margin-left: auto;
}

.hover:hover {
  opacity: 0.7;
}

.hidden {
  display: none !important;
}

.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}

.txt-left {
  text-align: left !important;
}

.wAuto {
  max-width: 100%;
  width: auto !important;
}

.w0p {
  width: 0% !important;
}

.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w65p {
  width: 65% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w85p {
  width: 85% !important;
}

.w90p {
  width: 90% !important;
}

.w95p {
  width: 95% !important;
}

.w100p {
  width: 100% !important;
}

.w33p {
  width: 33.33% !important;
}

.point-num {
  font-weight: bold;
  color: #ff9b43;
}

.txt-danger,
.txt-error {
  color: #e90000;
}

.emphasis-txt,
.confirm-order-title-txt {
  line-height: 1.4;
  font-weight: bold;
  font-size: 1.125rem;
}

.emphasis-txt + .emphasis-txt {
  margin-top: 0.5em;
}

/* #3036 C's modified >> */
.box-excess {
  display: table;
  margin: 0.625rem auto;
}

.form-checkbox.check-excess-permit {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.txt-excess-mark::before {
  content: "";
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle;
  margin-top: -0.4rem;
  margin-bottom: -0.2rem;
  background-image: url(/mosdocs/img/img_text_large_alert.svg);
  background-repeat: no-repeat;
  width: 1.25em;
  height: 1.1em;
  background-size: 82px 82px;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .txt-excess-mark::before {
    margin-top: 0rem;
    margin-bottom: 0rem;
    background-size: 70px 70px;
  }
}

.txt-changed-time::before {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url(/mosdocs/img/img_text_arrow.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
  margin-right: 0.25rem;
  margin-top: -0.175rem;
}

dd span.txt-excess-mark {
  margin-right: 0.25rem;
}

.txt-norwap {
  white-space: pre;
}

.alert-contents .btnBlock {
  margin-top: 0.5rem;
}

.alert-contents .btnBlock .btn-list-item {
  margin-top: 0px;
}

br.txt-br_nobreak {
  display: none;
}

/*持ち帰りの場合*/
/*中段の時刻の折り返し*/
@media screen and (max-width: 23rem) {
  .OrderInfoDispPanel .txt-excess_time_just br.txt-br_nobreak {
    display: inline;
  }
}
@media screen and (max-width: 22em) {
  .box-excess.txt-excess_time_just {
    width: 10em;
  }
  .box-excess.txt-excess_time_just br.txt-br_nobreak {
    display: inline;
  }
}
/*Unsupported resolution*/
@media screen and (max-width: 13.5em) {
  .box-excess.txt-excess_time_just {
    width: 100%;
    text-align: left;
  }
  .box-excess.txt-excess_time_just .txt-norwap {
    white-space: normal;
  }
}
@media screen and (max-width: 12.5em) {
  dd.txt-excess_time_just span.txt-excess-mark {
    margin-right: 0px;
  }
  dd.txt-excess_time_just br.txt-br_nobreak {
    display: inline;
  }
  dd.txt-excess_time_just .txt-norwap {
    white-space: normal;
  }
}

/*お届けの場合*/
/*中段の時刻の折り返し*/
@media screen and (max-width: 34rem) {
  .OrderInfoDispPanel .txt-excess_time_range br.txt-br_nobreak {
    display: inline;
  }
}
@media screen and (max-width: 39.5em) {
  .box-excess.txt-excess_time_range {
    width: 14em;
  }
  .box-excess.txt-excess_time_range br.txt-br_nobreak {
    display: inline;
  }
}

/*Unsupported resolution*/
@media screen and (max-width: 19.5em) {
  .box-excess.txt-excess_time_range {
    width: 100%;
    text-align: left;
  }
  .box-excess.txt-excess_time_range .txt-norwap {
    white-space: normal;
  }
}
@media screen and (max-width: 18.5em) {
  dd.txt-excess_time_range span.txt-excess-mark {
    margin-right: 0px;
  }
  dd.txt-excess_time_range br.txt-br_nobreak {
    display: inline;
  }
  dd.txt-excess_time_range .txt-norwap {
    white-space: normal;
  }
}
.alert-contents .btnBlock .txt-ng {
  font-weight: bold;
}

.alert .form-checkbox .checkbox-item-parts::before {
  background-color: white;
}

/* << #3036 C's modified */

/* C's modified >> */
/* New localNav >> */
.localNav > .container > button {
  display: none;
}
/* << New localNav */
/* << C's modified */

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}

/* C's modified >> */
/* Optimize for Android Old Starndard browser && Official App */
.shopList-name .js-svg[data-svg-var="delivery"] svg,
.shopList-time .js-svg[data-svg-var="time"] svg {
  height: 16.8px;
  width: 16.8px;
}
/* << C's modified */

@media screen and (max-width: 767px) {
  body {
    font-size: 0.875rem;
  }
  input,
  textarea {
    font-size: 1rem;
  }
  .header-inner {
    /* #6553 >> */
    /*    padding: 15px 0;*/
    padding: 11px 0;
    /* << #6553 */
  }
  .header-login-item a {
    font-size: 0.8125rem;
    width: 73px;
    height: 30px;
  }
  .header-logo a {
    max-width: 170px;
  }
  .header-login-item + .header-login-item {
    margin-left: 10px;
  }
  .myNav-btn {
    max-width: 160px;
    font-size: 0.8125rem;
  }
  .myNav {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .myNav-inner {
    width: 90%;
    max-width: 400px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow-y: auto;
  }
  .myNav-head {
    padding: 20px 15px 15px;
  }
  .myNav-name {
    font-size: 1.25rem;
  }
  .myNav-cache {
    padding: 30px 15px;
  }
  .myNav-cache-amount {
    padding-left: 45px;
    background-position: 10px 50%;
  }
  .myNav-cache-amount span {
    word-break: break-all;
  }
  .myNav-menu {
    padding: 0 15px 30px;
  }
  .myNav-close {
    font-size: 1.5em;
  }
  .myNav-inner {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .myNav-wrap:not(.is-myNav-open) .myNav {
    height: 0;
    overflow: hidden;
  }
  .myNav-wrap:not(.is-myNav-open) .myNav-inner {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  .myCache-inner {
    padding: 10px 0;
  }
  .myCache-util {
    padding-right: 6em;
    /* C's modified >> */
    min-height: 1.2rem;
    /* << C's modified */
  }
  .myCache-util-item {
    font-size: 0.8125rem;
  }
  .myCache-util-item.coupon {
    padding-left: 1em;
    border-left: solid 1px #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* C's modified >> */
    /*  position: absolute;*/
    top: 0;
    /*  right: 0;*/
    /* << C's modified */
    height: 100%;
  }
  /* C's modified >> */
  .myCache-util-item + .myCache-util-item.coupon {
    position: absolute;
  }
  /* << C's modified */
  .cart {
    font-size: 14px;
  }
  .cart-callout > span {
    padding: 17px 21px;
    font-size: 0.875rem;
    bottom: -10px;
  }
  .footer-sns {
    padding: 20px 0;
  }
  .footer-sitemap {
    padding: 20px 0 30px 0;
  }
  .footer-sitemap-ttl {
    font-size: 0.875rem;
  }
  .footer-sitemap-list-item {
    font-size: 0.8125rem;
  }
  .copyright {
    font-size: 0.625rem;
  }
  .grid-col {
    width: 100%;
  }
  .grid-col-sp {
    width: auto;
  }
  .grid-col-auto-sp {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-col-1-sp {
    width: 100%;
  }
  .grid-col-2-sp {
    width: 50%;
  }
  /* #6901 >> */
  h5 + .grid .grid-col-2-sp {
    word-break: break-all;
  }
  /* << #6901 */
  .grid-col-3-sp {
    width: 33.33333%;
  }
  .grid-col-4-sp {
    width: 25%;
  }
  .grid-col-5-sp {
    width: 20%;
  }
  .grid-col-6-sp {
    width: 16.66667%;
  }
  .grid-col--order-1-sp {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-col--order-2-sp {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-col--order-3-sp {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-col--order-4-sp {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-col--order-5-sp {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .grid-col--order-6-sp {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .grid--center-sp {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .grid--reverse-sp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .grid--space-between-sp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .grid--gutter,
  .grid--gutter-sp,
  .grid--gutter-side,
  .grid--gutter-side-sp {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .grid--gutter,
  .grid--gutter-sp,
  .grid--gutter-vertical,
  .grid--gutter-vertical-sp {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    margin-top: -1.5rem;
  }
  .grid--gutter > [class*="grid-col"],
  .grid--gutter-sp > [class*="grid-col"],
  .grid--gutter-vertical > [class*="grid-col"],
  .grid--gutter-vertical-sp > [class*="grid-col"] {
    margin-bottom: 1.5rem;
  }
  .grid--gutter > [class*="grid-col"],
  .grid--gutter-sp > [class*="grid-col"],
  .grid--gutter-side > [class*="grid-col"],
  .grid--gutter-side-sp > [class*="grid-col"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .grid--gutter-s,
  .grid--gutter-s-sp,
  .grid--gutter-s-side,
  .grid--gutter-s-side-sp {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .grid--gutter-s,
  .grid--gutter-s-sp,
  .grid--gutter-s-vertical,
  .grid--gutter-s-vertical-sp {
    -webkit-transform: translateY(0.75rem);
    transform: translateY(0.75rem);
    margin-top: -0.75rem;
  }
  .grid--gutter-s > [class*="grid-col"],
  .grid--gutter-s-sp > [class*="grid-col"],
  .grid--gutter-s-vertical > [class*="grid-col"],
  .grid--gutter-s-vertical-sp > [class*="grid-col"] {
    margin-bottom: 0.75rem;
  }
  .grid--gutter-s > [class*="grid-col"],
  .grid--gutter-s-sp > [class*="grid-col"],
  .grid--gutter-s-side > [class*="grid-col"],
  .grid--gutter-s-side-sp > [class*="grid-col"] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .container-sp,
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .h1 {
    font-size: 1.75rem;
    margin: 20px 0;
  }
  .h2 {
    font-size: 1.5rem;
    margin-top: 35px;
    margin-bottom: 15px;
  }
  .h3 {
    font-size: 1.125rem;
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
  }
  .h4 {
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
  }
  .btn.btn-minimum {
    max-width: 355px;
  }
  .btn {
    width: 100%;
  }
  .btn.btn-modal > span {
    padding: 10px 20px;
    font-size: 0.875rem;
  }
  .btn.btn-modal > span:after {
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-left: 0.5em;
  }
  .note {
    font-size: 0.8125rem;
  }
  .note-order,
  .note-list {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  /* C's modified >> */
  /* #1569 >> */
  .note-list.left-margin {
    margin-left: 15px;
  }
  /* << #1569 */
  /* << C's modified */

  .note-order > li + li,
  .note-list > li + li {
    margin-top: 0.5em;
  }
  .container .googlemap-wrap,
  .container-sp .googlemap-wrap {
    margin-right: -15px;
    margin-left: -15px;
  }
  .modal-content {
    padding-top: 20px;
  }
  .modal-content .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -7px;
    margin-left: -7px;
  }
  .modal-content .btn-list .btn-list-item {
    width: 50%;
    padding-right: 7px;
    padding-left: 7px;
  }
  /* C's modified >> */
  .modal-content .btn-list .btn-list-item:first-child:last-child {
    width: 100%;
  }
  /* << C's modified */
  .modal-content .btn-list .btn-list-item + .btn-list-item {
    margin-top: 0;
  }
  .modal-header {
    padding: 0 20px 20px 20px;
  }
  .modal-ttl {
    font-size: 1.125rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .modal-ttl-2 {
    margin: 20px 0 10px;
    font-size: 1rem;
  }
  .modal-body {
    padding: 0 20px 35px 20px;
  }
  .modal-close {
    right: 20px;
  }
  .modal-dialog {
    margin: 30px auto;
    padding: 0 15px;
  }
  .btn.btn-sp-sizem {
    display: inline-block;
  }
  .menulink-list .menulink-item {
    /* change theme >> */
    border-top: solid 1px #007749;
    border-bottom: solid 1px #007749;
    /* << change theme */
  }
  .menulink-list .menulink-item:nth-child(n + 2) {
    border-top: none;
  }
  .menulink-list .menulink-item .btn {
    min-height: 50px;
    display: block;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
  }
  .menulink-list .menulink-item .btn > span {
    text-align: left;
    display: block;
    color: #000000;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.4;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 20px 50%;
    position: relative;
    min-height: 50px;
  }
  .menulink-list .menulink-item .btn > span:after {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 1.2em;
    vertical-align: middle;
    /* change theme >> */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='M.5,14.493,14.286.506a1.686,1.686,0,0,1,2.408,0L18.3,2.137a1.745,1.745,0,0,1,0,2.44L7.377,15.714,18.3,26.852a1.745,1.745,0,0,1,0,2.44l-1.608,1.632a1.686,1.686,0,0,1-2.408,0L.5,16.936A1.745,1.745,0,0,1,.5,14.493Z' transform='translate(18.8 31.429) rotate(180)' fill='%23007749'/%3E%3C/svg%3E");
    /* change theme >> */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80% auto;
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .menulink-list .menulink-item .btn > span .btn-icon {
    position: static;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 0.5rem;
  }
  .menulink-list .menulink-item .btn > span .btn-icon svg {
    vertical-align: middle;
    -webkit-transform: translateY(45%);
    transform: translateY(45%);
  }
  .linkBlock-inner {
    padding: 20px 15px;
  }
  .linkBlock-img {
    margin: 0 auto 15px;
  }
  .linkBlock-ttl {
    margin: 15px 0 5px;
    font-size: 1rem;
  }
  .date-txt {
    font-size: 0.875rem;
  }
  .search-background {
    height: 37px;
    line-height: 37px;
  }
  .search-background p {
    font-size: 0.8125rem;
  }
  .txt-price {
    font-size: 1.25rem;
    margin-bottom: 15px;
  }
  .txt-price .txt-tax {
    font-size: 0.875rem;
  }
  .pay {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pay-item {
    font-size: 0.875rem;
  }
  .pay-item.pay-item-total {
    font-size: 1rem;
  }
  .pay-item + .pay-item-total {
    padding-top: 10px;
    margin-top: 10px;
  }
  .txt-drink {
    font-size: 0.8125rem;
    margin: 0 15px;
  }
  .tel-link {
    text-decoration: underline;
  }
  .form-inputs {
    width: 100%;
    padding: 0.6875rem 0.9375rem 0.5625rem;
  }
  .payment-item-contents > dd .form-inputs[type="tel"].E_applyPointText,
  .payment-item-contents > dd .form-inputs[type="tel"].E_showPointText {
    width: 130px;
  }
  .code-txt {
    font-size: 1.25rem;
  }
  .code-number-inputs {
    width: 100px;
  }
  /* C's modified >> */
  .code-number-inputs.tel-code-number-inputs {
    width: 85px;
  }
  p.code-txt + .code-number-inputs.tel-code-number-inputs {
    width: 75px;
  }
  /* << C's modified */
  .postal-code-number-inputs {
    max-width: 11.6875rem;
    width: 100%;
  }
  .select-txt {
    font-size: 1rem;
    margin-left: 0.3125rem;
    margin-right: 0.9375rem;
  }
  .select-txt.select-birth-txt {
    font-size: 0.875rem;
    margin-left: 0.3125rem;
    margin-right: 0.9375rem;
  }
  .select-txt.select-birth-day-txt {
    font-size: 0.875rem;
    margin-left: 0.3125rem;
  }
  .form-selects-hour,
  .form-selects-minute {
    width: 100px;
  }
  .form-selects-moscard {
    width: 232px;
  }
  .form-point-inputs {
    max-width: 7.5rem;
    width: 100%;
  }
  .form-birthday-grid .code-number-inputs {
    max-width: 6.75rem;
    width: 100%;
  }
  .form-birthday-grid .form-selects {
    width: 4.6875rem;
  }
  .domain-inputs {
    width: 100px;
  }
  .domain-inputs[size="8"] {
    width: auto;
  }
  .name-inputs {
    width: 100%;
  }
  .form-selects {
    background-size: 0.625rem;
  }
  .form-password {
    width: 100%;
  }
  .passwaord-button {
    right: 0;
  }
  /* #1569 >> */
  .dont_show_again .checkbox-inputs:checked + .checkbox-item-parts::after,
  .form-checkbox .checkbox-inputs:checked + .checkbox-item-parts::after {
    top: 3px;
    left: 7px;
  }
  /* << #1569 */
  .form-checkbox .checkbox-item-parts {
    padding-left: 2rem;
  }
  .form-checkbox .checkbox-item-parts::before {
    width: 1.375rem;
    height: 1.375rem;
  }
  .form-confilm {
    padding: 0.625rem 0.9375rem;
    min-height: 2.75rem;
    width: 100%;
  }
  .radio-tab-list .radio-tab-span {
    font-size: 0.875rem;
    padding: 0.5rem 0.625rem;
  }
  .container .tab,
  .container-sp .tab {
    margin-right: -15px;
    margin-left: -15px;
  }
  /* #1641 >> */
  .container .tab.unsupported-order-now,
  .container-sp .tab.unsupported-order-now {
    margin-right: 0;
    margin-left: 0;
  }
  /* << #1641 */

  .container .tab .menu,
  .container-sp .tab .menu {
    margin-left: 0;
    margin-right: 0;
  }
  .tab-list {
    margin: 0 -0.09375rem;
  }
  .tab-list-item {
    padding: 0 0.09375rem;
  }
  .tab-list-item .radio-inline-span {
    padding: 0.9375rem 0.3125rem;
    min-height: 50px;
  }
  .tab-contents {
    padding: 2.5rem 0.9375rem;
  }
  .menu-radio-btn {
    background-position: right 15px center;
    background-size: 3.5rem 2.25rem;
  }
  .menu-radio-btn .menu-radio-text {
    padding-left: 2rem;
  }
  .menu-radio-btn .menu-radio-text::after {
    width: 1.375rem;
    height: 1.375rem;
  }
  .menu-radio-btn .menu-radio-text:before {
    width: 0.875rem;
    height: 0.875rem;
  }
  .menu-btn {
    padding: 0.875rem 0.9375rem;
  }
  .menu-btn .menu-icon {
    width: 32px;
    height: 32px;
    margin-right: 0.625rem;
  }
  .accordion-menu-inner {
    padding: 1.25rem 0.9375rem 1.25rem;
  }
  .spinner-ttl {
    font-size: 1.25rem;
  }
  .spinner-btn {
    width: 35px;
    height: 35px;
  }
  .spinner-txt {
    font-size: 1.375rem;
  }
  .spinner-txt {
    width: 55px;
  }
  .spinner-totalText {
    font-size: 1.125rem;
  }
  .spinner-totalText-tax {
    font-size: 0.875rem;
  }
  .price {
    font-size: 1rem;
  }
  .price span {
    font-size: 0.75rem;
  }
  .size-price-list .size-item {
    font-size: 1rem;
  }
  .size-price-list .size-item:before {
    width: 1.25rem;
    font-size: 0.875rem;
    padding-right: 0.375rem;
  }
  .size-price-list .size-item .sizeprice span {
    font-size: 0.75rem;
  }
  .card_area {
    width: 100%;
    /* C's modified >> */
    /*    padding: 0.625rem 0.9375rem 1.25rem;*/
    padding: 0.625rem 0px 1.25rem 0.425rem;
    /* << C's modified */
  }
  .card_area .card-detail {
    margin-bottom: 15px;
  }
  .card_area .card-detail .card-img {
    max-width: 115px;
  }
  .card_area .card-detail .card-overview .card-text {
    margin-top: 0.9375rem;
  }
  /* C's modified >> */
  .OrderDetailFormpanel .card_area .card-detail,
  .OrderDetailDispPanel .card_area .card-detail {
    margin-top: 7px;
    margin-bottom: 8px;
  }
  /* << C's modified */
  .card_area .spinner-btn {
    /* C's modified >> */
    width: 26px;
    height: 26px;
    /* << C's modified */
  }
  .card_area .spinner-txt {
    width: 30px;
    font-size: 1.0625rem;
  }
  .card_area .card-list {
    padding-bottom: 0;
  }
  .card-menu-inner {
    padding: 1.25rem 0.9375rem;
  }
  .customise-group {
    margin: -16px 0 -14px 0;
  }
  .customise-item {
    padding: 14px 0;
  }
  .card-tab-list {
    margin-top: 0.5rem;
    /* C's modified >> */
    margin-bottom: 0.5rem;
    /* << C's modified */
  }
  .card-tab-list .radio-inline-span {
    font-size: 0.875rem;
  }
  .card_area-list-item + .card_area-list-item {
    margin-top: 15px;
  }
  .accordion-menu-inner {
    padding: 1.25rem 0.9375rem 1.5625rem;
  }
  .accordion-menu-inner ul li > .card_area {
    -webkit-box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.08);
  }
  .accordion-menu-inner ul li > .card_area .card-img img {
    width: 7.1875rem;
  }
  .modal-link {
    margin-top: 15px;
  }
  .modal-link + .modal-link {
    margin-top: 15px;
  }
  .couponList .card_area.card_area-option .card-img {
    margin: 0 10px 0px 0;
  }
  .card_area.card_area-option .card-img {
    max-width: 115px;
  }
  .card_area.card_area-option + .card_area.card_area-option {
    margin-top: 15px;
  }
  .card_area.card_area-option {
    padding: 25px 15px 20px;
  }
  .card_area.card_area-option .card-img {
    margin: -25px 10px 0px -15px;
  }
  .card_area.card_area-option .card-overview .card-order-contents {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .card_area.card_area-option .card-overview .card-order-contents ul li {
    width: 100%;
    font-size: 0.75rem;
  }
  .card_area.card_area-option .card-overview .card-total-fee span {
    font-size: 0.75rem;
  }
  .card_area.card_area-option .card-overview .card-total-fee {
    margin-top: 1.25rem;
    padding-top: 0.9375rem;
    margin-bottom: 0;
  }
  .card_area.card_area-option .card-amount-num .form-selects {
    min-width: 65px;
  }
  .card_area.card_area-option .card-item + .card-item {
    margin-left: 40px;
    margin-top: 20px;
    padding-top: 15px;
  }
  .card_area.card_area-option.card_area-confirm {
    padding-top: 20px;
  }
  .card_area.card_area-option .card-error {
    margin-top: 5px;
  }
  .card_area .card-detail .card-amount .card-amount-num {
    margin-left: 10px;
    /* C's modified >> */
    /*  margin-right: 15px;*/
    /* << C's modified */
  }
  .card-limit {
    font-size: 0.8125rem;
    margin-top: 15px;
  }
  .card-limit-date {
    /* C's modified >> */
    /*    display: block;*/
    display: flex;
    flex-wrap: wrap;
    /* << C's modified */
  }
  .card-price {
    font-size: 0.875rem;
  }
  .card-util {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card-util .btn {
    /* C's modified >> */
    /*    min-width: 100px; */
    min-width: 90px;
    /* << C's modified */
    max-width: 165px;
    font-size: 0.875rem;
    width: auto;
  }
  .card-util {
    margin-top: 20px;
  }
  .card-util .card-delete {
    height: 22px;
    /* C's modified >> */
    white-space: nowrap;
    /* << C's modified */
  }
  .registered {
    padding: 15px 20px;
  }
  .registered-ttl {
    font-size: 1rem;
  }
  .registered-item .btn {
    min-width: 150px;
  }
  .registered-item dd {
    font-size: 0.875rem;
  }
  .registered-item-ttl {
    font-size: 0.8125rem;
  }
  .memberRegistration {
    margin-bottom: 20px;
  }
  .memberRegistration-ttl {
    font-size: 0.875rem;
    margin-bottom: 20px;
  }
  .memberRegistration-img {
    max-width: 244px;
  }
  .table > tfoot > tr > th,
  .table > tfoot > tr > td,
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td {
    padding: 10px 5px;
  }
  .table > tfoot > tr > th,
  .table > thead > tr > th,
  .table > tbody > tr > th {
    padding: 15px 5px;
  }
  .table.table-sp {
    display: block;
  }
  .table.table-sp > tbody,
  .table.table-sp > tbody > tr,
  .table.table-sp > tbody > tr > td,
  .table.table-sp > tbody > tr > th {
    display: block;
    border: none;
  }
  .table.table-sp > tbody > tr + tr {
    border-top: solid 1px #ccc;
  }
  .payment .btn {
    /* C's modified >> */
    max-width: 190px;
    /* width: 50%; */
    /* << C's modified */
  }
  .payment .btn > span {
    font-size: 0.875rem;
    padding: 13px 0;
  }
  .payment-item-contents > dd {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .payment-item-contents > dd .form-selects-moscard {
    width: 100%;
  }
  .payment-item-contents > dd .btn {
    min-width: 0;
  }
  .payment-item-contents > dd .btn > span:after {
    margin-left: 5px;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .error-title {
    font-weight: bold;
    text-align: center;
    font-size: 1rem;
    color: #e90000;
    margin: 1.875rem 0;
  }
  .error-txt {
    font-size: 0.875rem;
  }
  .mainSlider-wrap {
    margin: 40px 0;
  }
  .mainSlider .slick-dots {
    margin: 10px auto 0;
  }
  .indexLink-list {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
    margin: -14px -7px 0;
  }
  .indexLink-item {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
  }
  .indexLink-inner {
    padding: 10px 10px 15px;
  }
  .indexLink-img {
    margin: -10px -10px 0;
  }
  .indexLink-txt {
    padding-top: 15px;
  }
  .indexLink-txt .link {
    font-size: 0.875rem;
    letter-spacing: -0.02em;
  }
  .indexLink-txt .size-price-list,
  .indexLink-txt .price-list {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .textLink-area-list {
    margin: -0.625rem -0.9375rem;
  }
  .textLink {
    padding: 0.625rem 0.9375rem;
  }
  .btnBlock {
    margin-top: 35px;
  }
  .btnBlock > .btn {
    width: 66.66%;
    max-width: 230px;
  }
  .btnBlock + .note-list {
    margin-top: 1.25rem;
  }
  .orderWay-list-item {
    width: 50%;
  }
  .orderWay-list-item + .orderWay-list-item {
    margin-left: 15px;
  }
  .orderWay-link {
    padding: 60px 10px 10px;
    font-size: 1.1rem;
  }
  .orderWay-link-icon {
    top: 10px;
    width: 48px;
    height: 48px;
  }
  .news-list-item {
    padding: 15px 0;
  }
  .news-ttl {
    font-size: 1rem;
  }
  .shopList-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .shopList-item.hand-over-item {
    padding-top: 1.25rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .shopList-item.hand-over-item .shopList-ttl {
    font-size: 0.875rem;
    line-height: 2.1875;
    margin-bottom: 0.4375rem;
  }
  .shopList-ttl {
    font-size: 1.125rem;
  }
  .shopList-order {
    margin-top: 15px;
  }
  .shopList-order .btn {
    width: initial;
  }
  .shopList-order .btn > span {
    padding: 10px 20px;
    font-size: 0.875rem;
  }
  .shopDetail-section {
    padding-top: 35px;
  }
  .shopDetail-section + .shopDetail-section {
    margin-top: 35px;
  }
  .shopDetail-order + .shopDetail-order {
    margin-top: 2rem;
  }
  .shopDetail-area + .shopDetail-area {
    margin-top: 20px;
  }
  .shopDetail-area-list {
    margin: -7px;
  }
  .shopDetail-area-list > li {
    padding: 7px;
  }
  .shopDetail-area-list-txt-sub {
    font-size: 0.8125rem;
  }
  .productDetails-contents .modal-link {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .productDetails-img img {
    width: 345px;
  }
  .productDetails-img {
    margin-top: 15px;
    text-align: center;
  }
  .productDetails-ttl {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .categoryDescription-wrap {
    padding: 20px 15px;
  }
  .categoryDescription-list {
    margin: -10px;
  }
  .categoryDescription-list-item {
    padding: 10px;
  }
  .orderBox-inner {
    padding: 10px 0;
  }
  .iconlistsBlock {
    padding: 0 0.625rem 1.25rem;
  }
  .iconlistsBlock .iconlist {
    width: 100%;
  }
  .iconlistsBlock .iconlist .iconlist-item {
    width: 50%;
    padding-top: 0.9375rem;
  }
  .complete-ttl {
    font-size: 1rem;
    margin: 1.875rem 0;
  }
  .tab-contents .form-item + p,
  .tab-contents .form-item + .note-list,
  .tab-contents .form-item + .txt-ng,
  .tab-contents .form-grid + p,
  .tab-contents .form-grid + .note-list,
  .tab-contents .form-grid + .txt-ng {
    margin-top: 0.5rem;
  }
  .tab-contents .form-item,
  .tab-contents .form-grid {
    width: 100%;
  }
  .tab-contents .ancr-link-area ul.note-list {
    margin-top: 0.625rem;
  }
  .accordion-menu-inner .menulink-list .menulink-item {
    width: 100%;
    padding: 0 1.25rem;
  }
  .accordion-menu-inner .menulink-list .menulink-item .btn > span {
    font-size: 0.875rem;
    padding: 1.125rem 0;
  }
  .accordion-menu-inner .menulink-list .menulink-item .btn > span:after {
    width: 0.625rem;
    height: 1.1875rem;
  }
  .textLink-area-txt-sub {
    font-size: 0.8125rem;
  }
  .timeselectBlock p.form-time-select-tit {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
  }
  .timeselectBlock .note-list {
    margin-top: 1.25rem;
  }
  .timeselectBlock .form-item,
  .timeselectBlock .form-grid {
    width: 100%;
  }
  .timeselectBlock .form-time-select {
    margin-top: 0.5rem;
  }
  .timeselectBlock .btnBlock {
    margin-top: 1.5625rem;
  }
  .form-center-area {
    width: 100%;
    margin: 0.625rem auto;
  }
  .form-center-area p + .form-item,
  .form-center-area .form-item + p {
    margin-top: 0.9375rem;
  }
  .form-center-area a.link {
    margin-top: 0.9375rem;
  }
  .form-center-area .btnBlock {
    margin-top: 1.25rem;
  }
  .form-item.form-name-item:nth-child(2) {
    margin-left: 0.9375rem;
  }
  .form-item .txt-ng {
    margin-top: 0.625rem;
  }
  .form-item ul.note-list.premise {
    margin-top: 0;
    margin-bottom: 0.4375rem;
  }
  .form-item .form-checkbox {
    margin-top: 0.9375rem;
  }
  /* C's modified >> */
  .form-item .form-price {
    font-size: 0.75rem;
  }
  .form-item .form-price span {
    font-size: 1.175rem;
    padding-right: 0.325rem;
  }
  /* << C's modified */
  .form-label {
    margin-bottom: 0.375rem;
  }
  .form-label span {
    font-size: 0.75rem;
    padding: 0.125rem 0.4375rem 0.1875rem;
  }
  .container .menulinkBlock,
  .container .menu,
  .container-sp .menulinkBlock,
  .container-sp .menu {
    margin-left: -15px;
    margin-right: -15px;
  }
  .menu-btn.menu-link-area {
    padding: 0;
  }
  .menu-btn.menu-link-area .accordion-menu-inner .menulink-list .menulink-item {
    width: 100%;
    padding: 0 1.25rem;
  }
  .menu-btn.menu-link-area
    .accordion-menu-inner
    .menulink-list
    .menulink-item
    .btn
    > span {
    font-size: 0.875rem;
    padding: 1.125rem 0;
  }
  .menu-btn.menu-link-area
    .accordion-menu-inner
    .menulink-list
    .menulink-item
    .btn
    > span:after {
    width: 0.625rem;
    height: 1.1875rem;
  }
  .menu-btn.menu-textlink-area .accordion-menu-inner .textLink-area-list {
    margin: -0.9375rem -0.4375rem;
  }
  .menu-btn.menu-textlink-area .accordion-menu-inner .textLink {
    padding: 0.9375rem 0.4375rem;
  }
  .menu-btn .accordion-menu-inner .indexLink-wrap {
    padding: 0;
  }
  .noteBlock {
    padding: 25px 0 30px;
  }
  ul.list.form-mail {
    margin-bottom: 25px;
  }
  .form-item.domain-item.domein-input {
    margin-bottom: 10px;
  }
  .imgSet-img + .imgSet-contents {
    margin-top: 10px;
  }
  .localNav {
    padding: 0;
  }
  .localNav-list {
    white-space: nowrap;
    overflow: auto;
    margin: 0 -15px;
    padding: 15px 0;
  }
  .localNav-list-item > a:hover:after,
  .localNav-list-item.is-current > a:after {
    bottom: -15px;
  }
  /* C's modified >> */
  .localNav-list-item > a:after {
    display: none;
  }
  /* << C's modified */
  .stepNav-inner {
    padding: 15px 0;
  }
  .stepNav-list-item + .stepNav-list-item {
    margin-left: 20%;
  }
  .stepNav-list-item + .stepNav-list-item .stepNav-img:before {
    width: calc((100vw - 150px) * 0.2);
    right: calc(100% + 10px);
  }
  .stepNav-img {
    height: 30px;
  }
  .stepNav-img svg {
    height: 23px;
  }
  .stepNav-img + .stepNav-txt {
    margin-top: 5px;
  }
  .stepNav-txt {
    font-size: 0.8125rem;
  }
  .stepNav-list-item.is-stepNav-current .stepNav-img svg {
    height: 30px;
  }
  .stepContents {
    padding: 1px 30px 35px;
  }
  .terms-ttl {
    margin: 20px 0 8px;
    font-size: 1rem;
  }
  .thanks-txt {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  .thanks-img {
    margin-top: 35px;
  }
  .thanks-img img {
    max-width: 200px;
  }
  /* C's modified >> */
  /* #3141 >> */
  .hand-over-no-area {
    margin-top: 10px;
    margin-bottom: -20px;
  }
  /* << #3141 */
  /* #3434 >> */
  .event-reserve-no-area {
    margin-top: 10px;
    margin-bottom: -20px;
  }
  /* << #3434 */
  /* << C's modified */
  .confirmSection .note-desc {
    font-size: 0.75rem;
    margin-top: 15px;
  }
  .confirmSection-grid-item + .confirmSection-grid-item {
    margin-top: 15px;
  }
  .confirmSection {
    padding-bottom: 25px;
  }
  .paragraph-sp {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .paragraph-sp:first-child {
    margin-top: 0;
  }
  .paragraph-sp:last-child {
    margin-bottom: 0;
  }
  .block-center-sp {
    margin-right: auto;
    margin-left: auto;
  }
  .show-pc,
  .hidden-sp {
    display: none !important;
  }
  .txt-center-sp {
    text-align: center !important;
  }
  .txt-right-sp {
    text-align: right !important;
  }
  .txt-left-sp {
    text-align: left !important;
  }
  .wAuto-sp {
    max-width: 100%;
    width: auto !important;
  }
  .w0p-sp {
    width: 0% !important;
  }
  .w5p-sp {
    width: 5% !important;
  }
  .w10p-sp {
    width: 10% !important;
  }
  .w15p-sp {
    width: 15% !important;
  }
  .w20p-sp {
    width: 20% !important;
  }
  .w25p-sp {
    width: 25% !important;
  }
  .w30p-sp {
    width: 30% !important;
  }
  .w35p-sp {
    width: 35% !important;
  }
  .w40p-sp {
    width: 40% !important;
  }
  .w45p-sp {
    width: 45% !important;
  }
  .w50p-sp {
    width: 50% !important;
  }
  .w55p-sp {
    width: 55% !important;
  }
  .w60p-sp {
    width: 60% !important;
  }
  .w65p-sp {
    width: 65% !important;
  }
  .w70p-sp {
    width: 70% !important;
  }
  .w75p-sp {
    width: 75% !important;
  }
  .w80p-sp {
    width: 80% !important;
  }
  .w85p-sp {
    width: 85% !important;
  }
  .w90p-sp {
    width: 90% !important;
  }
  .w95p-sp {
    width: 95% !important;
  }
  .w100p-sp {
    width: 100% !important;
  }
  .w33p-sp {
    width: 33.33% !important;
  }
  .emphasis-txt,
  .confirm-order-title-txt {
    font-size: 1rem;
  }
  /* C's modified >> */
  .stepNav-list-item + .stepNav-list-item .stepNav-img svg {
    width: 53px;
  }
  /* New localNav >> */
  .localNav > .container {
    white-space: nowrap;
    padding: 0;
  }
  .localNav > .container > button {
    content: "";
    margin-top: 0px;
    width: 40px;
    height: 50px;
    padding: 0px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 100;
  }
  .localNav > .container > button:hover,
  .localNav > .container > button:active {
    background-color: transparent;
  }
  .localNav > .container > button,
  .localNav > .container > .localNav-list {
    display: inline-block;
  }
  .localNav > .container > .localNav-list {
    -ms-overflow-style: none;
    scrollbar-width: none;

    width: calc(100% - 40px - 40px);
    margin-left: 40px;
    margin-bottom: -6px;
  }
  .localNav > .container > .localNav-list::-webkit-scrollbar {
    display: none;
  }
  .localNav > .container .localNav-list-item {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .localNav > .container .localNav-list-item > a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .localNav > .container > button > span {
    background-repeat: no-repeat;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-size: 20% auto;
  }
  .localNav > .container > button.js-scroll-left {
    left: 0px;
  }
  .localNav > .container > button.js-scroll-right {
    left: calc(100% - 50px);
  }
  /*"<"画像(有効)*/
  .localNav > .container > button.js-scroll-left > span {
    /* change theme >> */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='m 0.50146853,16.936 a 1.745,1.745 0 0 1 0,-2.443 L 14.285469,0.505 a 1.686,1.686 0 0 1 2.408,0 l 1.608,1.632 a 1.745,1.745 0 0 1 0,2.44 L 7.3784685,15.715 18.301469,26.852 a 1.745,1.745 0 0 1 0,2.44 l -1.606,1.631 a 1.686,1.686 0 0 1 -2.408,0 z' fill='%23007749'/%3E%3C/svg%3E");
    /* << change theme */
    background-position: 30% 50%;
  }
  /*">"画像(有効)*/
  .localNav > .container > button.js-scroll-right > span {
    /* change theme >> */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='M.5,14.493,14.286.506a1.686,1.686,0,0,1,2.408,0L18.3,2.137a1.745,1.745,0,0,1,0,2.44L7.377,15.714,18.3,26.852a1.745,1.745,0,0,1,0,2.44l-1.608,1.632a1.686,1.686,0,0,1-2.408,0L.5,16.936A1.745,1.745,0,0,1,.5,14.493Z' transform='translate(18.8 31.429) rotate(180)' fill='%23007749'/%3E%3C/svg%3E");
    /* << change theme */
    background-position: 70% 50%;
  }
  /*"<"画像(無効)*/
  .localNav > .container > button.js-scroll-left.btn-disabled > span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='m 0.50146853,16.936 a 1.745,1.745 0 0 1 0,-2.443 L 14.285469,0.505 a 1.686,1.686 0 0 1 2.408,0 l 1.608,1.632 a 1.745,1.745 0 0 1 0,2.44 L 7.3784685,15.715 18.301469,26.852 a 1.745,1.745 0 0 1 0,2.44 l -1.606,1.631 a 1.686,1.686 0 0 1 -2.408,0 z' fill='silver'/%3E%3C/svg%3E");
  }
  /*">"画像(無効)*/
  .localNav > .container > button.js-scroll-right.btn-disabled > span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='M.5,14.493,14.286.506a1.686,1.686,0,0,1,2.408,0L18.3,2.137a1.745,1.745,0,0,1,0,2.44L7.377,15.714,18.3,26.852a1.745,1.745,0,0,1,0,2.44l-1.608,1.632a1.686,1.686,0,0,1-2.408,0L.5,16.936A1.745,1.745,0,0,1,.5,14.493Z' transform='translate(18.8 31.429) rotate(180)' fill='silver'/%3E%3C/svg%3E");
  }
  /* << New localNav */
  /* C's modified >> */
  .localNav-list-item > a:hover:after,
  .localNav-list-item.is-current > a:after {
    display: block;
    bottom: -16px;
  }
  .localNav-list-item > a:after {
    border-bottom: none;
  }
  /* Hack for Safari only */
  _:lang(x) + _:-webkit-full-screen-document,
  .localNav-list-item > a:hover:after,
  _:lang(x) + _:-webkit-full-screen-document,
  .localNav-list-item.is-current > a:after {
    bottom: -10px;
  }
  .btn-list-item .btn.btn-search > span .btn-icon {
    padding-top: 4px;
  }
  _:lang(x) + _:-webkit-full-screen-document,
  .btn-list-item .btn.btn-search > span .btn-icon {
    padding-top: 5px;
  }
  /* << C's modified */
}

@media print, (min-width: 768px) {
  .myNav {
    width: 320px;
    -webkit-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.13);
    border-radius: 5px;
    border: solid 1px #002614;
  }
  .myNav:before {
    content: "";
    display: inline-block;
    width: 43px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='43px' height='28px' viewBox='0 0 43 28'%3E%3Cpath fill='%23002614' d='M19.94,2.07c0.67-0.88,1.93-1.04,2.8-0.37C22.88,1.8,23,1.93,23.11,2.07l17.44,22.72c0.67,0.88,0.51,2.13-0.37,2.8 C39.83,27.85,39.41,28,38.97,28H4.08c-1.1,0-2-0.9-2-2c0-0.44,0.15-0.87,0.41-1.22L19.94,2.07z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: -15px;
    right: 20px;
  }
  .myNav-head {
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin: -1px;
  }
  .myNav-body {
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .myNav-wrap:not(.is-myNav-open) .myNav {
    display: none;
  }
  .myCache-util {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -20px;
    /* C's modified >> */
    min-height: 1.975rem;
    /* << C's modified */
  }
  .myCache-util-item {
    padding: 0 20px;
    margin: 5px 0;
  }
  .myCache-util-item + .myCache-util-item {
    border-left: solid 1px #ccc;
  }
  .grid-col {
    width: auto;
  }
  .grid-col-auto {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .grid-col-1 {
    width: 100%;
  }
  .grid-col-2 {
    width: 50%;
  }
  .grid-col-3 {
    width: 33.33333%;
  }
  .grid-col-4 {
    width: 25%;
  }
  /* #6901 >> */
  h5 + .grid .grid-col-4 {
    word-break: break-all;
  }
  /* << #6901 */
  .grid-col-5 {
    width: 20%;
  }
  .grid-col-6 {
    width: 16.66667%;
  }
  .grid-col--order-1-pc {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .grid-col--order-2-pc {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .grid-col--order-3-pc {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .grid-col--order-4-pc {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .grid-col--order-5-pc {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .grid-col--order-6-pc {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .grid--center-pc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .grid--reverse-pc {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .grid--space-between-pc {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .grid--gutter,
  .grid--gutter-pc,
  .grid--gutter-side,
  .grid--gutter-side-pc {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
  .grid--gutter,
  .grid--gutter-pc,
  .grid--gutter-vertical,
  .grid--gutter-vertical-pc {
    -webkit-transform: translateY(1.5rem);
    transform: translateY(1.5rem);
    margin-top: -1.5rem;
  }
  .grid--gutter > [class*="grid-col"],
  .grid--gutter-pc > [class*="grid-col"],
  .grid--gutter-vertical > [class*="grid-col"],
  .grid--gutter-vertical-pc > [class*="grid-col"] {
    margin-bottom: 1.5rem;
  }
  .grid--gutter > [class*="grid-col"],
  .grid--gutter-pc > [class*="grid-col"],
  .grid--gutter-side > [class*="grid-col"],
  .grid--gutter-side-pc > [class*="grid-col"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .grid--gutter-s,
  .grid--gutter-s-pc,
  .grid--gutter-s-side,
  .grid--gutter-s-side-pc {
    margin-left: -0.375rem;
    margin-right: -0.375rem;
  }
  .grid--gutter-s,
  .grid--gutter-s-pc,
  .grid--gutter-s-vertical,
  .grid--gutter-s-vertical-pc {
    -webkit-transform: translateY(0.75rem);
    transform: translateY(0.75rem);
    margin-top: -0.75rem;
  }
  .grid--gutter-s > [class*="grid-col"],
  .grid--gutter-s-pc > [class*="grid-col"],
  .grid--gutter-s-vertical > [class*="grid-col"],
  .grid--gutter-s-vertical-pc > [class*="grid-col"] {
    margin-bottom: 0.75rem;
  }
  .grid--gutter-s > [class*="grid-col"],
  .grid--gutter-s-pc > [class*="grid-col"],
  .grid--gutter-s-side > [class*="grid-col"],
  .grid--gutter-s-side-pc > [class*="grid-col"] {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .container-pc,
  .container {
    margin-right: auto;
    margin-left: auto;
    max-width: 1180px;
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .btn.btn-minimum {
    min-width: 200px;
  }
  .btn {
    min-width: 300px;
  }
  /* >> C's modified */
  .btn.event {
    min-width: 330px;
  }
  /* << C's modified */
  .menulink-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menulink-list .menulink-item {
    line-height: 0;
    margin: 0;
    width: 100%;
    /* change theme >> */
    border-top: solid 1px #007749;
    border-bottom: solid 1px #007749;
    /* << change theme */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menulink-list .menulink-item:nth-child(n + 2) {
    border-top: none;
  }
  .menulink-list .menulink-item .btn {
    width: 100%;
    min-height: 3.75rem;
    display: inline-block;
    background: #fff;
    text-decoration: none;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
  }
  .menulink-list .menulink-item .btn > span {
    text-align: left;
    color: #000000;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.4;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 20px 50%;
    position: relative;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .menulink-list .menulink-item .btn > span:after {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 1.2em;
    vertical-align: middle;
    /* change theme >> */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.8px' height='31.429px' viewBox='0 0 18.8 31.429'%3E%3Cpath d='M.5,14.493,14.286.506a1.686,1.686,0,0,1,2.408,0L18.3,2.137a1.745,1.745,0,0,1,0,2.44L7.377,15.714,18.3,26.852a1.745,1.745,0,0,1,0,2.44l-1.608,1.632a1.686,1.686,0,0,1-2.408,0L.5,16.936A1.745,1.745,0,0,1,.5,14.493Z' transform='translate(18.8 31.429) rotate(180)' fill='%23007749' /%3E%3C/svg%3E");
    /* << change theme */
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80% auto;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .menulink-list .menulink-item .btn > span .btn-icon {
    position: static;
    width: 2.125rem;
    height: 2.125rem;
    margin-right: 0.875rem;
  }
  .menulink-list .menulink-item .btn > span .btn-icon svg {
    vertical-align: middle;
    -webkit-transform: translateY(45%);
    transform: translateY(45%);
  }
  .linkBlock-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .linkBlock-inner:before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    /* change theme >> */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='6.28px' height='10.35px' viewBox='0 0 6.28 10.35'%3E%3Cpath fill='%23007749' d='M6.11,5.57l-4.61,4.6c-0.22,0.22-0.58,0.22-0.8,0L0.17,9.64c-0.22-0.22-0.22-0.58,0-0.8l3.65-3.67 L0.17,1.51c-0.22-0.22-0.22-0.58,0-0.8l0.54-0.54c0.22-0.22,0.58-0.22,0.8,0l4.6,4.61C6.33,5,6.33,5.35,6.11,5.57z'/%3E%3C/svg%3E");
    /* << change theme */
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 95%;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .linkBlock-img {
    width: 150px;
  }
  .linkBlock-contents {
    padding-right: 25px;
    margin-left: 20px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .card_area-list {
    margin: -14px;
  }
  .card_area-list.card_area-list-contents .card_area-list-item {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .card_area-list-item {
    padding: 14px;
  }
  .accordion-menu-inner .card_area-list {
    margin: -10px;
  }
  .accordion-menu-inner .card_area-list-item {
    padding: 10px;
  }
  .card_area.card_area-option .card-item + .card-item {
    margin-left: 60px;
  }
  .card-limit-date {
    padding-left: 20px;
  }
  .card-util .card-delete {
    margin-left: 30px;
  }
  .table.table-sp > tbody > tr > th {
    text-align: left;
  }
  .error-txt {
    text-align: center;
  }
  .mainSlider-item {
    width: 90%;
  }
  .btnBlock.btnBlock-vertical-pc .btn-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .btnBlock.btnBlock-vertical-pc .btn-list .btn-list-item + .btn-list-item {
    margin: 28px 0 0;
  }
  .btnBlock .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btnBlock .btn-list-item {
    max-width: 300px;
    margin-top: 20px;
  }
  .btnBlock .btn-list-item .btn {
    width: 100%;
  }
  .btnBlock .btn-list-item + .btn-list-item {
    margin-left: 28px;
  }
  .shopList-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .shopList-info {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .shopList-tel .shopList-tel-txt {
    text-decoration: none;
    pointer-events: none;
  }
  .shopList-order {
    width: 300px;
    margin-left: 30px;
  }
  .shopDetail-section .shopDetail-telLink {
    text-decoration: none;
    pointer-events: none;
  }
  .productDetails-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -14px;
    margin-left: -14px;
  }
  .productDetails-img,
  .productDetails-contents {
    width: 50%;
    padding-right: 14px;
    padding-left: 14px;
  }
  .imgSet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -14px;
    margin-right: -14px;
  }
  .imgSet-img,
  .imgSet-contents {
    padding-right: 14px;
    padding-left: 14px;
  }
  .imgSet-img {
    width: 348px;
  }
  .imgSet-contents {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .localNav-list-item {
    /* C's modified >> */
    /*	margin-top: 5px;
    margin-bottom: 5px;*/
    margin-top: 10px;
    margin-bottom: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-shadow: 0.3px 0.3px 0;
    /* << C's modified */
  }
  .thanks-message {
    text-align: center;
  }
  .paragraph-pc {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .paragraph-pc:first-child {
    margin-top: 0;
  }
  .paragraph-pc:last-child {
    margin-bottom: 0;
  }
  .block-center-pc {
    margin-right: auto;
    margin-left: auto;
  }
  .show-sp,
  .hidden-pc {
    display: none !important;
  }
  .txt-center-pc {
    text-align: center !important;
  }
  .txt-right-pc {
    text-align: right !important;
  }
  .txt-left-pc {
    text-align: left !important;
  }
  .wAuto-pc {
    max-width: 100%;
    width: auto !important;
  }
  .w0p-pc {
    width: 0% !important;
  }
  .w5p-pc {
    width: 5% !important;
  }
  .w10p-pc {
    width: 10% !important;
  }
  .w15p-pc {
    width: 15% !important;
  }
  .w20p-pc {
    width: 20% !important;
  }
  .w25p-pc {
    width: 25% !important;
  }
  .w30p-pc {
    width: 30% !important;
  }
  .w35p-pc {
    width: 35% !important;
  }
  .w40p-pc {
    width: 40% !important;
  }
  .w45p-pc {
    width: 45% !important;
  }
  .w50p-pc {
    width: 50% !important;
  }
  .w55p-pc {
    width: 55% !important;
  }
  .w60p-pc {
    width: 60% !important;
  }
  .w65p-pc {
    width: 65% !important;
  }
  .w70p-pc {
    width: 70% !important;
  }
  .w75p-pc {
    width: 75% !important;
  }
  .w80p-pc {
    width: 80% !important;
  }
  .w85p-pc {
    width: 85% !important;
  }
  .w90p-pc {
    width: 90% !important;
  }
  .w95p-pc {
    width: 95% !important;
  }
  .w100p-pc {
    width: 100% !important;
  }
  .w33p-pc {
    width: 33.33% !important;
  }
  /* C's modified >> */
  .nowrap-pc {
    white-space: nowrap;
  }
  /* << C's modified */
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .menulink-list .menulink-item .btn > span {
    padding: 18px 15px;
    font-size: 0.875rem;
  }
  .menulink-list .menulink-item .btn > span:after {
    right: 19px;
  }
  .menulink-list .menulink-item .btn > span .btn-icon {
    margin-right: 0.625em;
  }
}

/* C's modified >> */
.OrderDetailFormpanel .confirmSection {
  margin-top: 16px;
}
@media screen and (max-width: 430px) {
  .OrderDetailDispPanel .confirmSection .container,
  .OrderDetailFormpanel .confirmSection .container {
    padding-right: 6px;
    padding-left: 6px;
  }
  .orderCouponList.accordion-menu-inner {
    padding-right: 12px;
    padding-left: 12px;
  }
  .orderCouponList.accordion-menu-inner .card_area.card_area-option {
    padding-right: 8px;
  }
  .btn-list-item .btn.E_addCartLink > span,
  .btn-list-item .btn.E_setSelectLink > span {
    padding-right: 26px;
    padding-left: 26px;
  }
  .btn-list-item .E_addCartLink i.btn-icon,
  .btn-list-item .E_setSelectLink i.btn-icon {
    left: 14px;
    width: 1.4em;
  }
  /* C's modified >> */
  .stepNav-img + .stepNav-txt {
    font-size: 0.55rem;
  }
  .stepNav-list-item + .stepNav-list-item .stepNav-img svg {
    width: 30px;
  }
  .stepNav-list-item + .stepNav-list-item {
    margin-left: 15%;
  }
  .stepNav-list-item:first-child .stepNav-img span.hidden-pc {
    margin-left: calc(50% - 30px);
  }
  .stepNav-list-item .stepNav-img span.hidden-pc {
    margin-left: calc(50% - 15px);
  }
  /* << C's modified */
}
@media screen and (max-width: 400px) {
  /* #3141 >> */
  .orderWay-link {
    padding: 60px 6px 10px;
  }
  /* << #3141 */
}
@media screen and (max-width: 380px) {
  .btn-list-item .btn.E_addCartLink > span,
  .btn-list-item .btn.E_setSelectLink > span {
    padding-right: 24px;
    padding-left: 24px;
  }
  .btn-list-item .E_addCartLink i.btn-icon,
  .btn-list-item .E_setSelectLink i.btn-icon {
    left: 10px;
    width: 1.3em;
    top: calc(50% + 2px);
  }
  .modal-content .btn-list .btn-list-item .btn > span {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 360px) {
  .pay .container {
    padding-right: 8px;
    padding-left: 8px;
  }
  .btn-list-item .E_addCartLink i.btn-icon,
  .btn-list-item .E_setSelectLink i.btn-icon {
    left: 6px;
  }
  /* #3141 >> */
  .orderWay-link {
    font-size: 0.825rem;
  }
  /* << #3141 */
}
@media screen and (max-width: 340px) {
  .pay-item.pay-item-total {
    font-size: 1rem;
  }
  .btn-list-item .btn.E_addCartLink > span,
  .btn-list-item .btn.E_setSelectLink > span {
    padding-right: 24px;
    padding-left: 24px;
    font-size: 0.925rem;
  }
  .btn-list-item .E_addCartLink i.btn-icon,
  .btn-list-item .E_setSelectLink i.btn-icon {
    left: 4px;
    width: 1.3em;
    top: calc(50% + 2px);
  }
}

p.grid-col-3-pc {
  width: 32.2222%;
  display: inline-block;
  margin-top: 1em;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  p.grid-col-3-pc {
    display: block;
    width: 100%;
  }
}
.freedial > img {
  width: 50px;
  height: auto;
}
.freedial > img + a > span {
  font-size: 1.2rem;
}
.menu-btn.js-menu-btn:disabled {
  color: silver;
}
.menu-btn.js-menu-btn:disabled .menu-text::before {
  display: none;
}
.menu-btn.js-menu-btn:disabled .menu-text::after {
  background: silver;
}
.tab-contents .imgSet-contents p {
  /* Optimize for Android Old Starndard browser && Official App */
  text-align: -webkit-left;
  text-align: left;
}
/* optimize for iPhone 6/7/8's resolution */
@media screen and (max-width: 400px) {
  .h2.faq-subtitle {
    font-size: 1.4rem;
  }
}

p.truste {
  text-indent: 1em;
}
ol.truste-sub li {
  list-style-position: outside;
  padding-left: 30px;
  text-indent: -1.4em;
  font-weight: normal;
}
ol.truste {
  margin: 1em 0 1em 30px;
  list-style-type: decimal;
  font-weight: bold;
}
ol.truste li {
  margin-bottom: 1em;
}
ol.truste li p {
  font-weight: normal;
}

p.rule {
  text-indent: 0em;
}
ol.rule-sub li {
  list-style-position: outside;
  padding-left: 30px;
  text-indent: -1.4em;
}
ol.rule {
  margin-left: 30px;
  list-style-type: decimal;
}
ol.rule h4 {
  text-indent: -1.2rem;
}
ol.rule li {
  list-style: none;
}
ul.rule li {
  margin-left: 15px;
}
.rule + ul.support-platform {
  padding-left: 40px;
}
ul.support-platform {
  padding-left: 20px;
  list-style: outside;
  margin-bottom: 1em;
}
ul.support-platform > li > ul {
  padding-left: 10px;
  /* >> C's modified */
  /* list-style: circle; */
  /* <<> C's modified */
}
ul.support-platform > li > ul > li {
  word-break: break-word;
}
.terms .h1 {
  font-size: 1.2rem;
}
.terms .h2 {
  font-size: 1.1rem;
}
.terms .rule,
.terms .support-platform {
  font-size: 1rem;
}
/* Optimize for Android Old Starndard browser && Official App */
.spinner-inner i svg {
  height: 30px;
  width: 30px;
}
.card_area .spinner-inner i svg {
  height: 26px;
  width: 26px;
}
@media screen and (max-width: 767px) {
  .terms {
    border-right: 6px solid #f9f0d9;
  }
  .terms-inner {
    padding: 20px 8px;
  }
  .terms .h1 {
    font-size: 1.1rem;
  }
  .terms .h2 {
    font-size: 1rem;
  }
  .terms .rule,
  .terms .support-platform {
    font-size: 0.9rem;
  }
  ol.rule {
    margin-left: 20px;
  }
  ol.rule-sub li {
    padding-left: 10px;
  }
  .top-menu-area .menu-btn .menu-text {
    font-size: 0.9375rem;
  }
  .top-menu-area .menulink-list .menulink-item .btn > span .btn-icon {
    padding-left: 2px;
  }
  .top-menu-area .menulink-item .btn-icon.js-svg svg {
    height: 28px;
    width: 24.67px;
  }
  .top-menu-area .menulink-item .btn-icon.js-svg svg {
    height: 28px;
    width: 24.67px;
  }
  .btn-list-item .js-svg svg {
    height: 24px;
    width: 24px;
  }
  .shopList-time-txt-2.txt-ng {
    /* 100% - .shopList-name-txt-1 width with icon(about)*/
    max-width: calc(100% - 8em - 15px);
  }
  /* C's modified >> */
  .pay-item dd.pay-ttl-price-moscard .pay-ttl-price-moscard-text {
    width: 80px;
  }
  /* C's modified << */
}
/* Optimize for Customise Only */
@media screen and (max-width: 556px) {
  .customise-item .radio-tab-list > li:last-child {
    border-top-right-radius: 0;
  }
  .customise-item .radio-tab-list > li:nth-child(3n + 1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(1):last-child,
  .customise-item .radio-tab-list > li:nth-child(2):last-child,
  .customise-item .radio-tab-list > li:nth-child(3) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n),
  .customise-item .radio-tab-list > li:last-child {
    border-bottom-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(3n + 1),
  .customise-item .radio-tab-list > li:nth-child(3n + 2),
  .customise-item .radio-tab-list > li:nth-child(3n + 3) {
    margin-top: -1px;
  }
  .customise-item .radio-tab-list > li:nth-child(1),
  .customise-item .radio-tab-list > li:nth-child(3n + 1) {
    margin-left: 0px;
  }
}
@media screen and (min-width: 557px) and (max-width: 680px) {
  .customise-item .radio-tab-list .grid-col-3-sp {
    width: 25%;
  }
  .customise-item .radio-tab-list > li:last-child {
    border-top-right-radius: 0;
  }
  .customise-item .radio-tab-list > li:nth-child(4n + 1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(1):last-child,
  .customise-item .radio-tab-list > li:nth-child(2):last-child,
  .customise-item .radio-tab-list > li:nth-child(3):last-child,
  .customise-item .radio-tab-list > li:nth-child(4) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(4n) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(4n),
  .customise-item .radio-tab-list > li:last-child {
    border-bottom-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(4n + 1),
  .customise-item .radio-tab-list > li:nth-child(4n + 2),
  .customise-item .radio-tab-list > li:nth-child(4n + 3),
  .customise-item .radio-tab-list > li:nth-child(4n + 4) {
    margin-top: -1px;
  }
  .customise-item .radio-tab-list > li:nth-child(1),
  .customise-item .radio-tab-list > li:nth-child(4n + 1) {
    margin-left: 0px;
  }
}
@media screen and (min-width: 679px) and (max-width: 767px) {
  .customise-item .radio-tab-list .grid-col-3-sp {
    width: 20%;
  }
  .customise-item .radio-tab-list > li:last-child {
    border-top-right-radius: 0;
  }
  .customise-item .radio-tab-list > li:nth-child(5n + 1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(1):last-child,
  .customise-item .radio-tab-list > li:nth-child(2):last-child,
  .customise-item .radio-tab-list > li:nth-child(3):last-child,
  .customise-item .radio-tab-list > li:nth-child(4):last-child,
  .customise-item .radio-tab-list > li:nth-child(5) {
    border-top-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(5n) {
    border-top-right-radius: 5px;
    border-left: #ccc solid 1px;
  }
  .customise-item .radio-tab-list > li:nth-child(5n),
  .customise-item .radio-tab-list > li:last-child {
    border-bottom-right-radius: 5px;
  }
  .customise-item .radio-tab-list > li:nth-child(5n + 1),
  .customise-item .radio-tab-list > li:nth-child(5n + 2),
  .customise-item .radio-tab-list > li:nth-child(5n + 3),
  .customise-item .radio-tab-list > li:nth-child(5n + 4),
  .customise-item .radio-tab-list > li:nth-child(5n + 5) {
    margin-top: -1px;
  }
  .customise-item .radio-tab-list > li:nth-child(1),
  .customise-item .radio-tab-list > li:nth-child(5n + 1) {
    margin-left: 0px;
  }
}

/* C's modified >> */
@media screen and (max-width: 480px) {
  .card_area .card-detail .card-amount {
    flex-wrap: wrap;
  }
  .card_area .card-detail .card-amount .card-amount-num {
    margin-right: 0px;
    margin-left: auto;
  }
  .sizeprice,
  .price {
    font-size: 0.9rem;
  }
  .indexLink-txt .size-price-list,
  .indexLink-txt .price-list {
    margin-right: 0px;
    margin-left: 1em;
  }
  .productDetails-contents .productDetails-ttl {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .productDetails-contents .txt-price {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .productDetails-contents ul {
    margin-top: 4px;
    margin-bottom: 8px;
  }
  .productDetails-contents ul li .txt-price {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .productDetails-contents .spinner + .spinner {
    margin-top: 14px;
  }
  .productDetails-contents .modal-link {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .productDetails h2.h2 {
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .productDetails .spinner-totalText {
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .WebMenuFooterCartPanel .btnBlock {
    margin-top: 14px;
  }
  .productDetails-img {
    margin-top: 6px;
  }
  .stepContents {
    padding: 1px 10px 35px;
  }
  .card_area-list-contents .card_area,
  .productDetails-contents .card_area {
    padding-bottom: 0.4rem;
  }
}
/* << C's modified */
@media screen and (min-width: 375px) and (max-width: 440px) {
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    .grid-col-3-sp {
    width: 50%;
  }
  .card_area.card_area-option .card-item + .card-item .card-tab-list > li,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li
    .radio-inline-span {
    margin-top: 0px;
    margin-left: 0px;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li
    .radio-inline-span {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n + 1)
    .radio-inline-span {
    border-left: 1px solid #ccc;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n + 3)
    .radio-inline-span,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n + 4)
    .radio-inline-span {
    margin-top: -1px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li
    .radio-inline-span {
    border-right: 1px solid #ccc;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(1):last-child,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(1):last-child
    .radio-inline-span {
    border-top-right-radius: 5px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n),
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n)
    .radio-inline-span {
    border-top-right-radius: 5px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n),
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n)
    .radio-inline-span,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:last-child,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:last-child
    .radio-inline-span {
    border-bottom-right-radius: 5px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n + 1),
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(2n + 1)
    .radio-inline-span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}
@media screen and (max-width: 374px) {
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    .grid-col-3-sp {
    width: 100%;
  }
  .card_area.card_area-option .card-item + .card-item .card-tab-list > li,
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li
    .radio-inline-span {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 0px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li:nth-child(n + 2) {
    margin-top: -1px;
  }
  .card_area.card_area-option
    .card-item
    + .card-item
    .card-tab-list
    > li
    .radio-inline-span {
    border: 1px solid #ccc;
  }
  .select-txt.select-birth-txt {
    margin-left: 6px;
    margin-right: 6px;
  }
  .form-inputs {
    padding: 0.6875rem 0.5875rem 0.5625rem;
  }
  .form-selects {
    background-position: right 2px center;
  }
  .code-number-inputs.tel-code-number-inputs {
    width: 75px;
  }
  p.code-txt + .code-number-inputs.tel-code-number-inputs {
    width: 65px;
  }
  /* Optimize for Android Old Starndard browser && Official App */
  .spinner-inner i svg {
    height: 28px;
    width: 28px;
  }
  .card_area .spinner-inner i svg {
    /* C's modified >> */
    height: 26px;
    width: 26px;
    /* << C's modified */
  }
  .card-util .btn {
    min-width: 70px;
  }
  .card-delete > span {
    padding-right: 4px;
  }
  .card-delete {
    white-space: nowrap;
    margin-top: 4px;
  }
  .card-util {
    flex-wrap: wrap;
  }
  .card_area .card_area-option {
    padding: 15px 8px 10px;
  }
  .myNav-cache-amount {
    background-position: 4px 50%;
    padding-left: 30px;
  }
  .myNav-cache-item.money .myNav-cache-amount {
    background-size: 20px 20px;
  }
  /* C's modified >> */
  .indexLink-txt .link {
    font-size: 0.725rem;
  }
  .sizeprice,
  .price {
    font-size: 0.725rem;
  }
  .indexLink-txt .size-price-list,
  .indexLink-txt .price-list {
    margin-right: 0px;
    margin-left: 10px;
  }
  /* << C's modified */
  /* C's modified >> */
  .pay-item dd.pay-ttl-price-moscard .pay-ttl-price-moscard-text {
    width: 70px;
  }
  .pay-item.pay-item-total {
    font-size: 0.875rem;
  }
  /* C's modified << */
}
/* Optimize for Android Old Starndard browser && Official App */
.modal-link-icon.js-svg svg {
  height: 17.59px;
  width: 17.59px;
}

/* Apple Pay */
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
  }
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }
  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
}

@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px;
  }
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
}

.apple-pay-button-black.apple-pay-button {
  height: 50px;
  width: 300px;
}
.apple-pay-hidden {
  display: none !important;
  max-height: 0px !important;
  max-width: 0px !important;
}
@media screen and (max-width: 767px) {
  .apple-pay-button-black.apple-pay-button {
    width: 100%;
  }
}
@media screen and (max-width: 970px) {
  .indexLink-item {
    padding-left: 0.65%;
    padding-right: 0.65%;
  }
  .sizeprice,
  .price {
    white-space: nowrap;
  }
}
.placeholder {
  position: absolute;
  color: #cccccc;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  width: calc(100% - 36px);
  white-space: nowrap;
  padding-top: 11px;
  padding-left: 15px;
  font-size: 1rem;
  line-height: normal;
  cursor: text;
}
.list .highlight,
.list .note-list .highlight {
  font-weight: bold;
  color: #f44;
}

/* C's modified >> */
/* #1569 >> */
.note.highlight {
  color: #f44;
}
/* << #1569 */
/* << C's modified */
.stepContents-section ul li.note > ol > li {
  margin-left: 1em;
  padding-left: 0.4em;
  list-style: decimal;
}
.stepContents-section ul li.note > ol > li.note {
  list-style: none;
  margin-left: 1rem;
}
.stepContents-section ul li.note > ol > li.note > ul > li {
  list-style: disc;
  margin-left: 1.5rem;
}
.indexLink-txt .size-price-list,
.indexLink-txt .price-list {
  margin-top: 1rem;
  margin-bottom: 0.225rem;
}
.pack-top {
  margin-top: 0px;
}
body.apple-pay-supported .apple-pay {
  display: inline-block;
}
body.apple-pay-unsupported .apple-pay {
  display: none;
}
.app-howto {
  margin-bottom: 3rem;
}

/* 画像のアスペクト比＝(高さ÷幅)× 100をpadding-topに設定することで縦横比を固定する。 */
.img-howto {
  width: 100%;
  display: inline-block;
  background-size: cover;
  /*画像の基本アスペクト比*/
  padding-top: 62.875%;
}
@media print {
  .img-howto {
    -webkit-print-color-adjust: exact;
  }
}
.howto-step_1-1 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_1-1.jpg);
}
.howto-step_1-2 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_1-2.jpg);
}
.howto-step_1-3 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_1-3.jpg);
}
.howto-step_1-4 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_1-4.jpg);
}
.howto-step_1-5 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_1-5.jpg);
}
.howto-step_2-1 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-1.jpg);
}
.howto-step_2-1_eat {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-1_eat.jpg);
  padding-top: 85.156%;
}
.howto-step_2-2 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-2.jpg);
  padding-top: 50.156%;
}
.howto-step_2-2_del {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-2_del.jpg);
  padding-top: 54.875%;
}
.howto-step_2-2_eat {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-2_eat.jpg);
  padding-top: 54.718%;
}
.howto-step_2-3 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-3.jpg);
}
.howto-step_2-3_del {
  background-image: url(/mosdocs/img/howto/pc/howto-step_2-3_del.jpg);
}
.howto-step_3-1 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_3-1.jpg);
}
.howto-step_3-2 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_3-2.jpg);
  padding-top: 66.718%;
}
.howto-step_4-1 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-1.jpg);
  padding-top: 136.156%;
}
.howto-step_4-1_del {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-1_del.jpg);
  padding-top: 153.968%;
}
.howto-step_4-1_eat {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-1_eat.jpg);
  padding-top: 126.156%;
}
.howto-step_4-2 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-2.jpg);
  padding-top: 127.676%;
}
.howto-step_4-2_del {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-2_del.jpg);
  padding-top: 127.676%;
}
.howto-step_4-3 {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-3.jpg);
  padding-top: 58.718%;
}
.howto-step_4-3_del {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-3_del.jpg);
  padding-top: 62.875%;
}
.howto-step_4-3_eat {
  background-image: url(/mosdocs/img/howto/pc/howto-step_4-3_eat.jpg);
}
@media screen and (max-width: 767px) {
  .howto-step_1-1 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_1-1.jpg);
    padding-top: 61.813%;
  }
  .howto-step_1-2 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_1-2.jpg);
    padding-top: 146.428%;
  }
  .howto-step_1-3 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_1-3.jpg);
    padding-top: 163.461%;
  }
  .howto-step_1-4 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_1-4.jpg);
    padding-top: 124.45%;
  }
  .howto-step_1-5 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_1-5.jpg);
    padding-top: 87.362%;
  }
  .howto-step_2-1 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-1.jpg);
    padding-top: 78.571%;
  }
  .howto-step_2-1_eat {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-1_eat.jpg);
    padding-top: 92.156%;
  }
  .howto-step_2-2 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-2.jpg);
    padding-top: 125.549%;
  }
  .howto-step_2-2_del {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-2_del.jpg);
    padding-top: 125.549%;
  }
  .howto-step_2-2_eat {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-2_eat.jpg);
    padding-top: 189.549%;
  }
  .howto-step_2-3 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-3.jpg);
    padding-top: 77.807%;
  }
  .howto-step_2-3_del {
    background-image: url(/mosdocs/img/howto/sp/howto-step_2-3_del.jpg);
    padding-top: 77.807%;
  }
  .howto-step_3-1 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_3-1.jpg);
    padding-top: 72.115%;
  }
  .howto-step_3-2 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_3-2.jpg);
    padding-top: 219.093%;
  }
  .howto-step_4-1 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-1.jpg);
    padding-top: 360.467%;
  }
  .howto-step_4-1_del {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-1_del.jpg);
    padding-top: 393.434%;
  }
  .howto-step_4-1_eat {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-1_eat.jpg);
    padding-top: 330.467%;
  }
  .howto-step_4-2 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-2.jpg);
    padding-top: 365.401%;
  }
  .howto-step_4-2_del {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-2_del.jpg);
    padding-top: 372.401%;
  }
  .howto-step_4-3 {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-3.jpg);
    padding-top: 98.318%;
  }
  .howto-step_4-3_del {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-3_del.jpg);
    padding-top: 81.318%;
  }
  .howto-step_4-3_eat {
    background-image: url(/mosdocs/img/howto/sp/howto-step_4-3_eat.jpg);
    padding-top: 107.318%;
  }
}
/* Officiall App Only class */
.app-only,
.iphone-app-only,
.android-app-only {
  display: none;
}
html.offical-app .app-only,
html.offical-app .android-app-only {
  display: block;
}
_:lang(x) + _:-webkit-full-screen-document,
html.offical-app .android-app-only {
  display: none;
}
_:lang(x) + _:-webkit-full-screen-document,
html.offical-app .iphone-app-only {
  display: block;
}
_:lang(x) + _:-webkit-full-screen-document,
html.offical-app .android-app-only-hide {
  display: block;
}
_:lang(x) + _:-webkit-full-screen-document,
html.offical-app .iphone-app-only-hide {
  display: none;
}
.highlight_red {
  font-weight: bold;
  color: #f44;
}
/* #1569 >> */
.dpoint-block-title {
  font-weight: bold;
  padding: 0.9375rem 1.25rem;
  /* change theme >> */
  border-bottom: 1px solid #007749;
  /* << change theme */
}
.payment .btn.E_dPointCardRegistLink {
  max-width: 260px;
}
.dpoint-block .btn-list {
  padding-left: 1em;
  padding-right: 1em;
}
.icon-dpoint {
  background-size: 3.2rem 3.2rem;
  background-position: right 1.75rem center;
}
.icon-dpoint-only {
  background-size: 3.2rem 3.2rem;
  background-position: right 1.75rem center;
}
@media screen and (max-width: 767px) {
  .icon-dpoint {
    margin-right: 0;
    background-position: right 1.15rem center;
  }
}
/* << #1569 */
/* #3885 >> */
.icon-paypay {
  background-size: 2.7rem 2.7rem;
  background-position: right 1.95rem center;
}
@media screen and (max-width: 767px) {
  .icon-paypay {
    margin-right: 0;
    background-position: right 1.35rem top 8px;
  }
}
.icon-dpay {
  background-size: 3rem 3rem;
  background-position: right 1.75rem center;
}
@media screen and (max-width: 767px) {
  .icon-dpay {
    margin-right: 0;
    background-position: right 1.19rem top 5px;
  }
}
/* << #3885 */
/* #3441 >>  */
.cancel-desc {
  text-align: center;
}
.cancel-desc-notice {
  color: red;
  font-weight: bold;
}
[data-special-order-form="true"] .js-menu-btn {
  text-align: left;
  padding-left: 1.6rem;
  text-indent: -1.6rem;
}
/* << #3441 */
/* #4739 >>  */
.radio-tab-list li.pickup_method {
  max-width: 220px;
}

.radio-tab-list li.pickup_method .radio-tab-span {
  padding: 0.5rem;
}
.h3_link {
  display: flex;
  justify-content: left;
}
.h3_link > a {
  margin-top: 2.8125rem;
  margin-left: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .h3_link > a {
    margin-top: 1.25rem;
    margin-left: 1.25rem;
  }
}
.order-pickup-warning {
  color: #e90000;
  font-weight: bold;
}
/* << #4739 */
/* << C's modified */
/* #6763 >> */
.pc-only-inline-block {
  display: none;
}
@media screen and (min-width: 767px) {
  .pc-only-inline-block {
    display: inline-block;
  }
}
.pc-only-block {
  display: none;
}
@media screen and (min-width: 767px) {
  .pc-only-block {
    display: block;
  }
}
.sp-only-block {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-block {
    display: block;
  }
}
.sp-only-inline-block {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only-inline-block {
    display: inline-block;
  }
}
/* << #6763 */
/* #5844 >> */
.footer-sns-list-item > a.x {
  width: 38px;
  height: 28px;
  margin-top: 2px;
}

.footer-sns-list-item > a.youtube {
  width: 48px;
  height: 28px;
  margin-top: 2px;
}
/* << #5844 */
/* #6604 >> */
#charge-modal p {
  word-break: break-all;
}
/* << #6604 */
/* #6901 >> */
html[lang="ja"] [data-lang]:not([data-lang="ja"]) {
  display: none !important;
}
html[lang="ja"] .E_nameFirstLabel::after {
  content: " 様";
  display: inline;
}
h2.h2 {
  word-break: break-word;
}
.orderBox-item p {
  word-break: break-word;
}
.myNav-btn {
  display: flex;
  flex-wrap: wrap;
}
.E_loginUserNameLabel {
  display: flex;
  flex-wrap: wrap;
}
html[lang="ja"] .E_nameLastLabel::after {
  content: "\00A0";
}
html[lang="ja"] #orderPriceLabel::after,
html[lang="ja"] .E_orderPriceLabel::after,
html[lang="ja"] .card-text p strong .E_priceLabel::after,
html[lang="ja"] .txt-price::after {
  content: "円";
}
html[lang="ja"]
  .card-total-fee
  p
  strong.E_priceWithTaxLabel_cartAddPrmtDTO_sellPrice::before,
html[lang="ja"]
  .card-total-fee
  p
  strong.E_priceLabel_dto_wosShowSellPrice::before,
html[lang="ja"] td p .E_priceLabel_dto_wosShowSellPrice::before,
html[lang="ja"]
  dd.card-price-fee.E_priceLabel_deliveryCharge_wosShowSellPrice::before {
  content: "￥";
}
/* << #6901 */
/* #6919 >> */
#sellingMenuListAria.hiddenAria {
  display: none;
  margin-top: -60px;
}
ul.major_category {
  padding-left: 1.25rem;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 1rem;
}
ul.major_category > li > ul.category > li.category > p {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}
ul.major_category > li > ul.category > li.category > p {
  padding-left: 0.4em;
  margin-left: 1.6em;
  padding-top: 16px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #007749;
}

ul.major_category > li > p,
ul.major_category > li.non_major_category > ul.category > li.category > p {
  border-bottom: 2px solid #007749;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0.4em;
  margin-left: 0.1em;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: left;
}

#modal-selling-menu .modal-content {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  #modal-selling-menu .modal-content {
    margin-top: 50px;
  }
  #modal-selling-menu .modal-body {
    padding-bottom: 10px;
  }
  ul.major_category {
    padding-bottom: 0.75rem;
  }
  ul.major_category > li > ul.category {
    padding-left: 10px;
  }
  ul.major_category > li.non_major_category > ul.category {
    padding-left: 0;
  }
  ul.major_category > li > p,
  ul.major_category > li.non_major_category > ul.category > li.category > p {
    border-bottom: 1px solid #007749;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1rem;
  }
  ul.major_category > li > ul.category > li.category > p {
    padding-left: 0.2em;
    margin-left: 0.8em;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 0.9rem;
  }
}

ul.major_category > li > ul.category > li.category > ul.selling_menu,
ul.major_category
  > li.non_major_category
  > ul.category
  > li.category
  > ul.selling_menu {
  font-size: 1rem;
  font-weight: normal;
  padding-top: 16px;
}
ul.major_category > li > ul.category > li.category > ul.selling_menu {
  padding-left: 1.75em;
}
ul.major_category
  > li.non_major_category
  > ul.category
  > li.category
  > ul.selling_menu {
  padding-left: 1em;
}
ul.selling_menu > li {
  padding-top: 6px;
  padding-bottom: 6px;
  list-style-position: inside;
  /* squareの場合
  list-style-type: square;
  padding-left: 4.0em;
  text-indent: -2.0em;
*/
}
@media screen and (max-width: 767px) {
  ul.selling_menu > li {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1em;
    text-indent: -1.5em;
  }
  ul.major_category > li > ul.category > li.category > ul.selling_menu,
  ul.major_category
    > li.non_major_category
    > ul.category
    > li.category
    > ul.selling_menu {
    font-size: 0.8rem;
    padding-top: 16px;
  }
}

.selling_menu_content {
  display: block;
  padding: 0;
  height: 55vh;
  overflow-y: scroll;
  margin: -3.75rem 0;
}
@media screen and (max-width: 767px) {
  .selling_menu_content {
    margin: -2.5rem -0.9375rem;
  }
}

.selling_menu_content::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

.selling_menu_content::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 20px;
  margin: 10px 0;
}

.selling_menu_content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

p.nomenuMessageLabel,
p.unsupportPickupLabel {
  padding-top: 16px;
  padding-left: 2rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  p.nomenuMessageLabel,
  p.unsupportPickupLabel {
    padding-top: 16px;
    padding-left: 16px;
  }
}
.map-pc {
  display: inline-block;
}
.map-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  .map-pc {
    display: none;
  }
  .map-sp {
    display: inline-block;
  }
}

/* 緑のsquare */
ul.selling_menu > li > span:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  background-color: #007749;
  /* border-radius:  50%; */ /* 丸 */
  position: relative;
  top: -3px;
  margin-right: 5px;
}
/* << #6919 */