@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/* line 9, packs/business/app/assets/stylesheets/reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 30, packs/business/app/assets/stylesheets/reset.scss */
body {
  line-height: 1;
}

/* line 34, packs/business/app/assets/stylesheets/reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 39, packs/business/app/assets/stylesheets/reset.scss */
nav ul {
  list-style: none;
}

/* line 43, packs/business/app/assets/stylesheets/reset.scss */
blockquote, q {
  quotes: none;
}

/* line 47, packs/business/app/assets/stylesheets/reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 53, packs/business/app/assets/stylesheets/reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
/* line 62, packs/business/app/assets/stylesheets/reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 69, packs/business/app/assets/stylesheets/reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 76, packs/business/app/assets/stylesheets/reset.scss */
del {
  text-decoration: line-through;
}

/* line 80, packs/business/app/assets/stylesheets/reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 85, packs/business/app/assets/stylesheets/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 91, packs/business/app/assets/stylesheets/reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 100, packs/business/app/assets/stylesheets/reset.scss */
input, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/*=============================
fadeIn - fadeOut
=============================*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*=============================
blurIn - blurOut
=============================*/
@keyframes blurIn {
  0% {
    filter: blur(6px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

@keyframes blurOut {
  0% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    filter: blur(6px);
  }
}

/*=============================
scaleIn - scaleOut
=============================*/
@keyframes scaleIn {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes scaleOut {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  20% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(0, 0);
    opacity: 0;
  }
}

/*=============================
slideIn - slideOut
=============================*/
@keyframes slideIn {
  0% {
    left: -100%;
  }
  100% {
    left: 0%;
  }
}

@keyframes slideOut {
  0% {
    left: 0%;
  }
  100% {
    left: -100%;
  }
}

/*=============================
button
=============================*/
@keyframes shadowFadeIn {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}

@keyframes shadowFadeOut {
  0% {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
  100% {
    box-shadow: none;
  }
}

@keyframes shine {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    left: 125%;
  }
}

/* line 4, packs/business/app/assets/stylesheets/button.scss */
.button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  line-height: 42px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  outline: none;
  border-radius: 22px;
}

/* line 19, packs/business/app/assets/stylesheets/button.scss */
.button.fill {
  color: #ffffff;
}

/* line 23, packs/business/app/assets/stylesheets/button.scss */
.button.navy {
  border: solid 1px #24264a;
  background-color: #24264a;
}

/* line 27, packs/business/app/assets/stylesheets/button.scss */
.button.navy:active, .button.navy:hover {
  background-color: #ffffff;
  color: #24264a;
}

/* line 33, packs/business/app/assets/stylesheets/button.scss */
.button.light-navy {
  border: solid 1px #296DA0;
  background-color: #296DA0;
}

/* line 37, packs/business/app/assets/stylesheets/button.scss */
.button.light-navy:active, .button.light-navy:hover {
  background-color: #ffffff;
  color: #296DA0;
}

/* line 43, packs/business/app/assets/stylesheets/button.scss */
.button.orange {
  border: solid 1px #e8a519;
  background-color: #e8a519;
}

/* line 47, packs/business/app/assets/stylesheets/button.scss */
.button.orange::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

/* line 57, packs/business/app/assets/stylesheets/button.scss */
.button.orange:hover::before, .button.orange:active::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 62, packs/business/app/assets/stylesheets/button.scss */
.button.orange-frame {
  border: solid 1px #e8a519;
  background-color: #ffffff;
  color: #e8a519;
}

/* line 67, packs/business/app/assets/stylesheets/button.scss */
.button.orange-frame:active, .button.orange-frame:hover {
  background-color: #e8a519;
  color: #ffffff;
}

/* line 73, packs/business/app/assets/stylesheets/button.scss */
.button.black {
  border: solid 1px #222222;
  background-color: #222222;
}

/* line 77, packs/business/app/assets/stylesheets/button.scss */
.button.black:active, .button.black:hover {
  background-color: #ffffff;
  color: #222222;
}

/* line 83, packs/business/app/assets/stylesheets/button.scss */
.button.red {
  border: solid 1px #e36c6c;
  background-color: #e36c6c;
}

/* line 87, packs/business/app/assets/stylesheets/button.scss */
.button.red:active, .button.red:hover {
  background-color: #ffffff;
  color: #e36c6c;
}

/* line 93, packs/business/app/assets/stylesheets/button.scss */
.button.green {
  border: solid 1px #00b900;
  background-color: #00b900;
}

/* line 97, packs/business/app/assets/stylesheets/button.scss */
.button.green:active, .button.green:hover {
  background-color: #ffffff;
  color: #00b900;
}

/* line 103, packs/business/app/assets/stylesheets/button.scss */
.button.disable {
  color: #ffffff;
  border: solid 1px #c7cdce;
  background-color: #c7cdce;
}

/* line 109, packs/business/app/assets/stylesheets/button.scss */
.button.red-clay {
  border: solid 1px #D8864E;
  background-color: #D8864E;
}

/* line 113, packs/business/app/assets/stylesheets/button.scss */
.button.red-clay:active, .button.red-clay:hover {
  background-color: #ffffff;
  color: #D8864E;
}

/* line 119, packs/business/app/assets/stylesheets/button.scss */
.button.blue-gray {
  border: solid 1px #566774;
  background-color: #566774;
}

/* line 123, packs/business/app/assets/stylesheets/button.scss */
.button.blue-gray:active, .button.blue-gray:hover {
  background-color: #ffffff;
  color: #566774;
}

/* line 129, packs/business/app/assets/stylesheets/button.scss */
.button.white {
  border: solid 1px #ffffff;
  background-color: #ffffff;
  color: #D8864E;
}

/* line 133, packs/business/app/assets/stylesheets/button.scss */
.button.white:active, .button.white:hover {
  opacity: 0.8;
  color: #D8864E;
}

/* line 139, packs/business/app/assets/stylesheets/button.scss */
.button.shadow-small {
  -webkit-animation: shadowFadeIn 0.5s;
  animation: shadowFadeIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 141, packs/business/app/assets/stylesheets/button.scss */
.button.shadow-small:active, .button.shadow-small:hover {
  -webkit-animation: shadowFadeOut 0.5s;
  animation: shadowFadeOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 146, packs/business/app/assets/stylesheets/button.scss */
.button.twitter {
  border: solid 1px #00ACEE;
  background-color: #00ACEE;
}

/* line 150, packs/business/app/assets/stylesheets/button.scss */
.button.twitter::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

/* line 160, packs/business/app/assets/stylesheets/button.scss */
.button.twitter:hover::before, .button.twitter:active::before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 4, packs/business/app/assets/stylesheets/form.scss */
form input, form select {
  box-sizing: border-box;
  height: 44px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

/* line 12, packs/business/app/assets/stylesheets/form.scss */
form input::placeholder, form select::placeholder {
  color: #c7cdce;
}

/* line 17, packs/business/app/assets/stylesheets/form.scss */
form .eye-off, form .eye-on {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 32px;
  right: 10px;
  opacity: 0.4;
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 29, packs/business/app/assets/stylesheets/form.scss */
form .eye-on {
  background-image: url(/assets/eye-6130ea4834577cd5643750668bb669029ebe78c02353699c052836a7b7e7466d.png);
}

/* line 32, packs/business/app/assets/stylesheets/form.scss */
form .eye-off {
  background-image: url(/assets/eye-off-8fb245be9184c3097d585409586ceeac15cca46f451980675e89ed6fc5747f60.png);
}

/* line 36, packs/business/app/assets/stylesheets/form.scss */
form .error-message {
  display: block;
  font-size: 12px;
  color: #e36c6c;
  text-align: right;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical {
  margin-bottom: 20px;
  position: relative;
}

/* line 48, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical.zipcode {
  margin-bottom: 6px;
}

/* line 52, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical p {
  margin-bottom: 8px;
  font-size: 14px;
}

/* line 56, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .required {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
}

/* line 63, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical input, form .input-wrap-vertical select {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #4a4a4a;
  line-height: 14px;
  font-size: 14px;
  padding: 0 12px;
  background-color: #ffffff;
}

/* line 73, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .error-message {
  margin: 4px 0 0 0;
}

/* line 77, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio {
  display: -webkit-flex;
  display: flex;
}

/* line 81, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio] {
  display: none;
}

/* line 84, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio] + label {
  width: 50%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  font-size: 16px;
  font-family: HiraKakuPro-W6;
}

/* line 94, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio] + label[for=man] {
  margin-right: 12px;
  color: #6dacad;
  border: 1px solid #6dacad;
}

/* line 100, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio] + label[for=woman] {
  color: #e36c6c;
  border: 1px solid #e36c6c;
}

/* line 105, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio]:checked + label[for=man] {
  color: #ffffff;
  background-color: #6dacad;
}

/* line 110, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .radio input[type=radio]:checked + label[for=woman] {
  color: #ffffff;
  background-color: #e36c6c;
}

/* line 117, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 120px;
  border-radius: 4px;
  border: solid 1px #4a4a4a;
  font-size: 14px;
  padding: 12px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 131, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-vertical .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #24264a;
  position: absolute;
  bottom: 18px;
  right: 12px;
}

/* line 143, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel {
  margin-bottom: 20px;
}

/* line 146, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel .error-message {
  margin: 4px 0 0 0;
}

/* line 150, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel p {
  font-size: 14px;
  margin-bottom: 8px;
}

/* line 154, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel .parallel-box {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

/* line 159, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel .parallel-box input {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #4a4a4a;
  line-height: 14px;
  font-size: 14px;
  padding: 0 12px;
}

/* line 167, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-parallel .parallel-box input:first-child {
  margin-right: 12px;
}

/* line 174, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal {
  margin-bottom: 16px;
  position: relative;
  display: -webkit-flex;
  display: flex;
}

/* line 180, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal p {
  font-size: 14px;
  flex: 1 1 20%;
  margin: auto;
}

/* line 185, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal input, form .input-wrap-horizontal select {
  margin-left: 20px;
  flex: 4 4 80%;
  border-radius: 4px;
  border: solid 1px #4a4a4a;
  line-height: 14px;
  font-size: 14px;
  padding: 0 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
}

/* line 199, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #24264a;
  position: absolute;
  top: 18px;
  right: 12px;
}

/* line 210, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal.building-bottom {
  margin-bottom: 20px;
}

/* line 215, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal-above-alert {
  position: relative;
  display: -webkit-flex;
  display: flex;
}

/* line 220, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal-above-alert p {
  font-size: 14px;
  flex: 1 1 20%;
  margin: auto;
}

/* line 225, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal-above-alert input, form .input-wrap-horizontal-above-alert select {
  margin-left: 20px;
  flex: 4 4 80%;
  border-radius: 4px;
  border: solid 1px #4a4a4a;
  line-height: 14px;
  font-size: 14px;
  padding: 0 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
}

/* line 239, packs/business/app/assets/stylesheets/form.scss */
form .input-wrap-horizontal-above-alert .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #24264a;
  position: absolute;
  top: 18px;
  right: 12px;
}

/* line 251, packs/business/app/assets/stylesheets/form.scss */
form input[type=text]:read-only {
  background-color: #f2f2f2;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/*=============================
fadeIn - fadeOut
=============================*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*=============================
blurIn - blurOut
=============================*/
@keyframes blurIn {
  0% {
    filter: blur(6px);
    opacity: 0;
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}

@keyframes blurOut {
  0% {
    filter: blur(0px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    filter: blur(6px);
  }
}

/*=============================
scaleIn - scaleOut
=============================*/
@keyframes scaleIn {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes scaleOut {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }
  20% {
    transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    transform: scale(0, 0);
    opacity: 0;
  }
}

/*=============================
slideIn - slideOut
=============================*/
@keyframes slideIn {
  0% {
    left: -100%;
  }
  100% {
    left: 0%;
  }
}

@keyframes slideOut {
  0% {
    left: 0%;
  }
  100% {
    left: -100%;
  }
}

/*=============================
button
=============================*/
@keyframes shadowFadeIn {
  0% {
    box-shadow: none;
  }
  100% {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
}

@keyframes shadowFadeOut {
  0% {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
  }
  100% {
    box-shadow: none;
  }
}

@keyframes shine {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    left: 125%;
  }
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 15, packs/business/app/assets/stylesheets/business.scss */
html,
body,
div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
a,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  color: #222222;
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/* line 89, packs/business/app/assets/stylesheets/business.scss */
a {
  text-decoration: none;
}

/* line 93, packs/business/app/assets/stylesheets/business.scss */
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

/* line 1, packs/business/app/assets/stylesheets/share/flash.scss */
.flash {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  color: #474d50;
  line-height: 18px;
  position: fixed;
  z-index: 10000;
  width: 90%;
  max-height: 86px;
  top: 6%;
  left: 5%;
  padding: 16px 12px;
  filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.7));
  opacity: 0;
}

/* line 20, packs/business/app/assets/stylesheets/share/flash.scss */
.flash.flash-success {
  background-color: #dad8a0;
}

/* line 23, packs/business/app/assets/stylesheets/share/flash.scss */
.flash.flash-alert {
  background-color: rgba(188, 42, 33, 0.8);
  color: #ffffff;
}

/* line 27, packs/business/app/assets/stylesheets/share/flash.scss */
.flash.flash-info {
  background-color: #e1c256;
}

/* line 30, packs/business/app/assets/stylesheets/share/flash.scss */
.flash.fade-in {
  animation: flash-fadeIn 500ms;
  animation-fill-mode: both;
}

/* line 34, packs/business/app/assets/stylesheets/share/flash.scss */
.flash.fade-out {
  animation: flash-fadeOut 500ms;
  animation-fill-mode: both;
}

@keyframes flash-fadeIn {
  0% {
    opacity: 0;
    top: 4%;
  }
  100% {
    opacity: 1;
    top: 6%;
  }
}

@keyframes flash-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 1, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer {
  margin-top: auto;
  width: 100%;
}

/* line 4, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer {
  width: 100%;
  overflow: hidden;
  padding-top: 46px;
}

/* line 8, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block {
  margin-top: -60px;
  padding-top: 60px;
  padding-bottom: 16px;
  background-color: #222222;
}

@media screen and (min-width: 744px) {
  /* line 8, packs/business/app/assets/stylesheets/share/footer.scss */
  .share-business-footer footer .footer-block {
    margin-top: 0px;
  }
}

/* line 16, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner {
  width: 90%;
  margin: 0 auto;
}

/* line 19, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner .footer-top-zone {
  max-width: 340px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 24, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner .footer-top-zone .title-text {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #ffffff;
  font-size: 22px;
  line-height: 23px;
  letter-spacing: 1px;
}

/* line 32, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav {
  display: flex;
  margin-top: 32px;
}

/* line 36, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav ul li {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 32px;
}

/* line 40, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav ul li a {
  box-sizing: border-box;
  display: block;
  color: #C7CDCE;
}

/* line 44, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav ul li a:hover, .share-business-footer footer .footer-block .footer-inner nav ul li a:active {
  color: #ffffff;
  text-decoration: underline;
}

/* line 52, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav .vertical-line {
  margin: 10px 32px 0 42px;
  width: 1px;
  height: 48px;
  background-color: #C7CDCE;
}

/* line 58, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav .contact-mail-link {
  display: flex;
  align-items: center;
}

/* line 61, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner nav .contact-mail-link .mail-icon {
  margin-left: 4px;
  height: 15px;
}

/* line 67, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner .stop-drink {
  margin-top: 80px;
  display: flex;
  align-items: flex-start;
}

/* line 71, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner .stop-drink p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #C7CDCE;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  margin: 4px 0 0 8px;
}

/* line 80, packs/business/app/assets/stylesheets/share/footer.scss */
.share-business-footer footer .footer-block .footer-inner small {
  display: block;
  margin-top: 20px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 10px;
  color: #C7CDCE;
}

/* line 1, packs/business/app/assets/stylesheets/share/header.scss */
.share-business-header {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 80px;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #C7CDCE;
  background-color: #ffffff;
}

/* line 10, packs/business/app/assets/stylesheets/share/header.scss */
.share-business-header header {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  box-sizing: border-box;
  z-index: 99999;
}

/* line 20, packs/business/app/assets/stylesheets/share/header.scss */
.share-business-header header .title-text {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  color: #222222;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 1px;
}

/* line 27, packs/business/app/assets/stylesheets/share/header.scss */
.share-business-header header .login-info-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  line-height: 18px;
  text-align: right;
}

/* line 33, packs/business/app/assets/stylesheets/share/header.scss */
.share-business-header header .login-info-text.bold {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
}

/* line 1, packs/business/app/assets/stylesheets/share/loading.scss */
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 10, packs/business/app/assets/stylesheets/share/loading.scss */
.loading .fa-spinner {
  color: #C7CDCE;
}

/* line 3, packs/business/app/assets/stylesheets/share/review_stars.scss */
.share-review_stars {
  display: inline;
  user-select: none;
  -webkit-user-select: none;
}

/* line 7, packs/business/app/assets/stylesheets/share/review_stars.scss */
.share-review_stars .img-review-star {
  height: 14px;
  width: 14px;
}

/* line 2, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  width: 100%;
  font-size: 12px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  color: #ffffff;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}

/* line 16, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button:hover {
  cursor: pointer;
}

/* line 19, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.disabled {
  border: 2px solid #C7CDCE;
  background-color: #C7CDCE;
}

/* line 22, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.disabled:hover {
  background-color: #C7CDCE;
  color: #ffffff;
  border: 2px solid #C7CDCE;
  cursor: default;
}

/* line 29, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.black {
  border: 2px solid #222222;
  background-color: #222222;
}

/* line 32, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.black:hover {
  background-color: #ffffff;
  color: #222222;
  border: 2px solid #222222;
}

/* line 38, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.black-line {
  border: 2px solid #222222;
  background-color: #ffffff;
  color: #222222;
}

/* line 42, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.black-line:hover {
  background-color: #222222;
  color: #ffffff;
  border: 2px solid #222222;
}

/* line 48, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.blue_gray {
  border: 2px solid #566774;
  background-color: #566774;
}

/* line 51, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.blue_gray:hover {
  background-color: #ffffff;
  color: #566774;
  border: 2px solid #566774;
}

/* line 57, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.red_clay {
  border: 2px solid #D8864E;
  background-color: #D8864E;
}

/* line 60, packs/business/app/assets/stylesheets/share/share-business-button.scss */
.share-business-button .button.red_clay:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
}

/* line 1, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment {
  background-color: #f2f2f2;
  padding: 20px 12px;
  border-radius: 8px;
}

/* line 5, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info {
  display: block;
  width: 100%;
  padding-bottom: 16px;
}

/* line 9, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info thead, .share-business-shipment .item-info tbody {
  display: flex;
  flex-direction: column;
  row-gap: 1px;
}

/* line 14, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info thead .item-row:hover, .share-business-shipment .item-info tbody .item-row:hover {
  background-color: #e6e6e6;
}

/* line 19, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
}

/* line 25, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr.heading-row {
  border-bottom: 1px solid #C7CDCE;
  margin-bottom: 16px;
}

/* line 29, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr th {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  color: #474d50;
  margin-bottom: 12px;
  text-align: right;
  padding-right: 4px;
}

/* line 36, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr th.name {
  width: 80%;
  text-align: left;
}

/* line 40, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr th.amount, .share-business-shipment .item-info tr th.price {
  width: 20%;
}

/* line 45, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr td {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  line-height: 17px;
  text-align: right;
  padding-right: 4px;
}

/* line 52, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr td.name {
  width: 80%;
  text-align: left;
}

/* line 56, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr td.name.item a {
  color: #D8864E;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* line 63, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .item-info tr td.amount, .share-business-shipment .item-info tr td.price {
  width: 20%;
}

/* line 70, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .delivery-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #474d50;
  line-height: 14px;
  text-align: right;
  margin-top: 12px;
}

/* line 77, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .delivery-text .link {
  color: #566774;
}

/* line 79, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .delivery-text .link:hover {
  color: #D8864E;
}

/* line 84, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 89, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .tax-calculation-notice {
  margin-top: 10px;
}

/* line 91, packs/business/app/assets/stylesheets/share/shipment.scss */
.share-business-shipment .tax-calculation-notice .notice-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #474d50;
  line-height: 14px;
}

/* line 1, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail {
  background-color: #f2f2f2;
  padding: 20px 12px;
  border-radius: 8px;
}

/* line 5, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

/* line 10, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info h3 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}

/* line 17, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info .add-button .button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 10px;
  display: flex;
  border-radius: 4px;
  width: 40px;
  height: 20px;
  padding: 2px 7px;
  justify-content: center;
  align-items: center;
}

/* line 27, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info .add-button .button:hover {
  cursor: pointer;
}

/* line 30, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info .add-button .button.black {
  background-color: #222222;
  color: #ffffff;
  border: 1px solid #222222;
}

/* line 34, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .arrival-info .add-button .button.black:hover {
  background-color: #ffffff;
  color: #222222;
  border: 1px solid #222222;
}

/* line 43, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info {
  display: block;
  width: 100%;
  padding: 16px 0;
}

/* line 47, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info thead, .share-business-shipment-detail .item-info tbody {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

/* line 52, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

/* line 56, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr.heading-row {
  border-bottom: 1px solid #C7CDCE;
  margin-bottom: 16px;
}

/* line 60, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr th {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  color: #474d50;
  margin-bottom: 12px;
  text-align: right;
  padding-right: 4px;
}

/* line 67, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr th.name {
  width: 58%;
  text-align: left;
}

/* line 71, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr th.price {
  width: 12%;
}

/* line 74, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr th.amount {
  width: 10%;
}

/* line 77, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr th.sub_total {
  width: 20%;
}

/* line 81, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  line-height: 17px;
  text-align: right;
  padding-right: 4px;
}

/* line 88, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td.tax-rate-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
}

/* line 91, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td.name {
  width: 58%;
  text-align: left;
}

/* line 95, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td.price {
  width: 12%;
}

/* line 98, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td.amount {
  width: 10%;
}

/* line 101, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .item-info tr td.sub_total {
  width: 20%;
}

/* line 108, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-wrapper .price-info {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 28px;
}

/* line 112, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-wrapper .price-info thead, .share-business-shipment-detail .table-wrapper .price-info tbody {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

/* line 117, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-wrapper .price-info tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #222222;
  font-size: 12px;
  line-height: 17px;
}

/* line 124, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-wrapper .price-info tr th {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  text-align: right;
  padding-right: 8px;
}

/* line 129, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-wrapper .price-info tr td {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  text-align: right;
}

/* line 136, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .billing-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #474d50;
  line-height: 14px;
  text-align: right;
}

/* line 143, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .tax-calculation-notice {
  margin-top: 15px;
}

/* line 145, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .tax-calculation-notice .notice-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #474d50;
  line-height: 14px;
}

/* line 152, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .table-spacer {
  height: 12px;
}

/* line 155, packs/business/app/assets/stylesheets/share/shipment_detail.scss */
.share-business-shipment-detail .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 2, packs/business/app/assets/stylesheets/share/submit_button.scss */
.share-business-submit-button .button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  width: 100%;
  font-size: 12px;
  height: 40px;
  line-height: 20px;
  border-radius: 22px;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 11, packs/business/app/assets/stylesheets/share/submit_button.scss */
.share-business-submit-button .button:hover {
  cursor: pointer;
}

/* line 14, packs/business/app/assets/stylesheets/share/submit_button.scss */
.share-business-submit-button .button.red_clay {
  border: 2px solid #D8864E;
  background-color: #D8864E;
}

/* line 17, packs/business/app/assets/stylesheets/share/submit_button.scss */
.share-business-submit-button .button.red_clay:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
}

/* line 1, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection {
  display: none;
  /* 初期状態では非表示 */
  position: absolute;
  top: 42px;
  left: -160px;
  z-index: 1000;
}

/* line 7, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection.show {
  display: block;
  /* 表示状態 */
}

/* line 10, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal-arrow {
  position: absolute;
  top: 0px;
  left: 76%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 10.5px solid transparent;
  border-right: 10.5px solid transparent;
  border-bottom: 15px solid #566774;
  flex-shrink: 0;
}

/* line 22, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal {
  display: flex;
  width: 250px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
}

/* line 32, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal-header {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 12px;
  background-color: #566774;
  color: #ffffff;
  font-weight: bold;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
}

/* line 45, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal-item {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 12px;
  border-top: 1px solid #C7CDCE;
  color: #222222;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

/* line 54, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal-item:first-child {
  border-top: none;
}

/* line 57, packs/business/app/assets/stylesheets/share/wholesale/business_groups_selection.scss */
.share-wholesale-business-groups-selection .modal-item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

/* line 1, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
.share-wholesale-display-cart-icon {
  position: relative;
  width: 56px;
  height: 56px;
}

/* line 5, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
.share-wholesale-display-cart-icon .count {
  position: absolute;
  top: -5px;
  right: 33px;
  padding: 0 8px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  line-height: 23px;
  background-color: #D8864E;
  color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

@media all and (max-width: 374px) {
  /* line 5, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
  .share-wholesale-display-cart-icon .count {
    font-size: clamp(9px, 3.2vw, 12px);
  }
}

/* line 23, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
.share-wholesale-display-cart-icon .cart-inner {
  display: grid;
  justify-content: center;
  align-items: center;
  margin: 5px;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background-color: #D8864E;
}

/* line 32, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
.share-wholesale-display-cart-icon .cart-inner .cart-icon {
  display: grid;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background-color: #ffffff;
}

/* line 40, packs/business/app/assets/stylesheets/share/wholesale/display_cart_icon.scss */
.share-wholesale-display-cart-icon .cart-inner .cart-icon .icon {
  width: 26px;
  height: 26px;
}

/* line 1, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header {
  position: sticky;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid #C7CDCE;
  background-color: #ffffff;
}

/* line 9, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  z-index: 99999;
}

/* line 18, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top {
  height: 46px;
  padding: 14px 0px;
  display: flex;
  justify-content: center;
}

/* line 23, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

/* line 29, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper .title-text {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-style: normal;
  color: #222222;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 1px;
}

/* line 37, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper .right-col {
  text-align: center;
}

/* line 39, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper .right-col .user-icon {
  height: 28px;
  filter: invert(28%) sepia(4%) saturate(1010%) hue-rotate(155deg) brightness(92%) contrast(82%);
}

/* line 43, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper .right-col .auxiliary-text {
  color: #474d50;
  font-size: 10px;
  line-height: 10px;
}

/* line 48, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .header-top .wrapper .right-col:hover {
  cursor: pointer;
}

/* line 54, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs {
  height: 40px;
  background-color: #f2f2f2;
  display: flex;
}

/* line 58, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs .wrapper {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* line 62, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs .wrapper::-webkit-scrollbar {
  display: none;
}

/* line 65, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs .wrapper .tab-item {
  flex-shrink: 0;
  padding: 0 10px;
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  border-right: 1px solid #C7CDCE;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  white-space: nowrap;
  color: #474d50;
  user-select: none;
  -webkit-user-select: none;
}

/* line 80, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs .wrapper .tab-item.active {
  border-top: 3px solid #D8864E;
  line-height: 34px;
  background-color: #ffffff;
  color: #D8864E;
}

/* line 86, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .switching-tabs .wrapper .tab-item:hover {
  border-top: none;
  border-bottom: 3px solid #D8864E;
  line-height: 40px;
  background-color: #ffffff;
  color: #D8864E;
  cursor: pointer;
}

/* line 97, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .free-shipping-info {
  height: 45px;
  background-color: #D8864E;
  display: flex;
  justify-content: center;
}

/* line 102, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .free-shipping-info .wrapper {
  width: 90%;
  min-width: 285px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

/* line 110, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .free-shipping-info .wrapper .content.right {
  text-align: right;
}

/* line 113, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .free-shipping-info .wrapper .content .text {
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  color: #ffffff;
}

/* line 118, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .free-shipping-info .wrapper .content .text.info {
  font-size: 9px;
  font-weight: 400;
}

/* line 126, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .catalog-mode-info {
  height: 45px;
  background-color: #566774;
  display: flex;
  justify-content: center;
}

/* line 131, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .catalog-mode-info .wrapper {
  width: 90%;
  min-width: 285px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

/* line 139, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .catalog-mode-info .wrapper .content .text {
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  color: #ffffff;
}

/* line 144, packs/business/app/assets/stylesheets/share/wholesale/header.scss */
.share-business-wholesale-header header .catalog-mode-info .wrapper .content .text.info {
  font-size: 9px;
  font-weight: 400;
}

/* line 2, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay {
  opacity: 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

/* line 12, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay.active {
  -webkit-animation: fadeIn 0.7s;
  animation: fadeIn 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: auto;
}

/* line 19, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay.inactive {
  -webkit-animation: fadeOut 0.7s;
  animation: fadeOut 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 22, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu {
  z-index: 10000;
  position: fixed;
  top: 0%;
  left: 0%;
  position: relative;
  height: 100%;
  width: 83%;
  max-width: 410px;
  min-width: 310px;
  padding: 48px 20px;
  background-color: #ffffff;
}

/* line 34, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu.active {
  -webkit-animation: slideIn 0.5s;
  animation: slideIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
}

/* line 38, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu.active::-webkit-scrollbar {
  display: none;
}

/* line 42, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu.inactive {
  -webkit-animation: slideOut 0.5s;
  animation: slideOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 45, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .title {
  margin-bottom: 8px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #222222;
}

/* line 53, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form {
  width: 100%;
}

/* line 55, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item:not(:has(~ .search-item)) {
  padding-bottom: 200px;
}

/* line 58, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

/* line 62, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .title-label {
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  border-bottom: 1px solid #C7CDCE;
  color: #222222;
}

/* line 69, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .title-label .info {
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

/* line 75, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper {
  gap: 20px;
  margin-top: 20px;
  color: #474d50;
}

/* line 79, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.temperature, .share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.sold_out {
  display: flex;
}

/* line 83, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.shape {
  display: flex;
}

/* line 86, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.style {
  display: grid;
}

/* line 89, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.location {
  display: grid;
  gap: 16px;
  position: relative;
}

/* line 93, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.location .spacer-text {
  font-size: 14px;
  text-align: center;
  color: #222222;
}

/* line 99, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper.price {
  display: flex;
  gap: 8px;
}

/* line 103, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 12px;
  overflow: clip;
  overflow-clip-margin: 12px;
}

/* line 109, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags.display {
  max-height: none;
}

/* line 112, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags.hidden {
  max-height: 190px;
}

/* line 115, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags .tag-label {
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #474d50;
  background-color: #ffffff;
  line-height: normal;
  border: 1px solid #474d50;
  border-radius: 19px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 126, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags .tag-label:hover {
  cursor: pointer;
}

/* line 132, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper ::-webkit-full-screen-document, .share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tags {
  padding-top: 12px;
  padding-right: 6px;
}

/* line 136, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons {
  margin-top: 20px;
}

/* line 139, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons.display .open {
  display: none;
}

/* line 142, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons.display .close {
  display: block;
}

/* line 147, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons.hidden .open {
  display: block;
}

/* line 150, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons.hidden .close {
  display: none;
}

/* line 154, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons .button-text {
  margin: 0 auto;
  padding: 9px 20px;
  width: 40%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #474d50;
  background-color: #ffffff;
  line-height: normal;
  border: 2px solid #474d50;
  border-radius: 19px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 168, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .tag-buttons .button-text:hover {
  cursor: pointer;
}

/* line 173, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .label {
  font-size: 14px;
  font-weight: 400;
  color: #474d50;
  user-select: none;
  -webkit-user-select: none;
}

/* line 180, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 184, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items.tag {
  position: relative;
}

/* line 186, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items.tag .count {
  position: absolute;
  top: -13px;
  right: -8px;
  padding: 0 8px;
  text-align: center;
  border-radius: 12px;
  font-size: 12px;
  line-height: 23px;
  background-color: #296DA0;
  color: #ffffff;
  border: 1px solid #ffffff;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

@media all and (max-width: 374px) {
  /* line 186, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
  .share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items.tag .count {
    font-size: clamp(9px, 3.2vw, 12px);
  }
}

/* line 206, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items.price {
  align-items: flex-end;
  gap: 0;
}

/* line 209, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items.price .text {
  font-size: clamp(12px, 2.73vw, 14px);
  text-align: center;
  color: #222222;
}

/* line 215, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input {
  box-sizing: border-box;
  padding: 4px 8px;
  height: 22px;
  border-radius: 4px;
  border: 1px solid #C7CDCE;
}

/* line 221, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.radio {
  width: 22px;
  height: 22px;
  border: 3px solid #C7CDCE;
  border-radius: 12px;
  background-color: white;
  margin: 0;
}

/* line 228, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.radio:checked {
  border: solid 3px #296DA0;
  outline: none;
}

/* line 232, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.radio:hover {
  cursor: pointer;
}

/* line 236, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.tag-checkbox {
  display: none;
}

/* line 238, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.tag-checkbox:checked + label {
  color: #ffffff;
  background-color: #296DA0;
  border: solid 1px #296DA0;
  outline: none;
}

/* line 245, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.checkbox {
  width: 22px;
}

/* line 247, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.checkbox:hover {
  cursor: pointer;
}

/* line 251, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .items input.price {
  padding: 4px 8px;
  height: 40px;
  width: 89px;
  font-size: 16px;
  text-align: center;
}

/* line 260, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .select {
  width: 100%;
  border: 1px solid #C7CDCE;
  padding: 12px 16px;
  font-size: 14px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 4px;
}

/* line 269, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  pointer-events: none;
  right: 16px;
}

/* line 278, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .triangle.top {
  top: 18px;
}

/* line 281, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .search-form .search-item .search-wrapper .triangle.bottom {
  bottom: 18px;
}

/* line 288, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .cancel-button {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 10px;
  color: #ffffff;
  background-color: #BC2A21;
  border: solid 1px #BC2A21;
}

/* line 301, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .cancel-button:hover {
  color: #BC2A21;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 307, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .buttons {
  position: fixed;
  bottom: 20px;
  padding-left: 20px;
  display: grid;
  gap: 8px;
  width: 83%;
  max-width: 410px;
  min-width: 310px;
}

/* line 316, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .buttons.active {
  -webkit-animation: slideIn 0.5s;
  animation: slideIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 319, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .buttons.inactive {
  -webkit-animation: slideOut 0.5s;
  animation: slideOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 322, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .buttons .primary {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #222222;
  border: none;
}

/* line 331, packs/business/app/assets/stylesheets/share/wholesale/narrow_down_sidebar.scss */
.share-wholesale-narrow_down-sidebar .modal-overlay .modal-menu .buttons .primary:hover {
  color: #222222;
  background-color: #ffffff;
  border: 2px solid #222222;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
  .business-settings-group-address-edit main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-label .comment {
  font-size: 13px;
  font-weight: 400;
}

/* line 54, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-select {
  height: 42px;
  width: 120px;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 70, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  bottom: 16px;
  left: 96px;
}

/* line 80, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-comment {
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .form-wrapper .form-row .form-group .form-comment .link-text {
  text-decoration: underline;
}

/* line 91, packs/business/app/assets/stylesheets/business_groups/addresses/edit.scss */
.business-settings-group-address-edit main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
  .business-settings-group-address-new main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-label .comment {
  font-size: 13px;
  font-weight: 400;
}

/* line 54, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-select {
  height: 42px;
  width: 120px;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 70, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  bottom: 16px;
  left: 96px;
}

/* line 80, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-comment {
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .form-wrapper .form-row .form-group .form-comment .link-text {
  text-decoration: underline;
}

/* line 91, packs/business/app/assets/stylesheets/business_groups/addresses/new.scss */
.business-settings-group-address-new main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
  .business-settings-group-user-accept main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .form-label .comment {
  font-size: 13px;
  font-weight: 400;
}

/* line 54, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .eye-off,
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .eye-on {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 33px;
  right: 8px;
  opacity: 0.4;
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 75, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .eye-on {
  background-image: url(/assets/eye-6130ea4834577cd5643750668bb669029ebe78c02353699c052836a7b7e7466d.png);
}

/* line 78, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .form-wrapper .form-row .form-group .eye-off {
  background-image: url(/assets/eye-off-8fb245be9184c3097d585409586ceeac15cca46f451980675e89ed6fc5747f60.png);
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/business_users/accept.scss */
.business-settings-group-user-accept main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main {
  padding: 80px 0;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section {
  display: flex;
  flex-direction: column;
  gap: 52px;
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
  .business-settings-group-user-add main section {
    max-width: 415px;
  }
}

/* line 18, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .content .content-title {
  font-size: 14px;
  line-height: 18px;
  color: #222222;
}

/* line 31, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .content .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 40, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .spacer {
  height: 20px;
}

/* line 43, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .center-title-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* 相対位置設定 */
  width: 100%;
}

/* line 55, packs/business/app/assets/stylesheets/business_groups/business_users/add.scss */
.business-settings-group-user-add main section .center-title-divider .center-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  background-color: #ffffff;
  padding: 0 10px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main {
  padding: 80px 0;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
  .business-settings-group-user-index main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 22, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .group-users-title-wrapper {
  display: flex;
  justify-content: space-between;
}

/* line 25, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .group-users-title-wrapper .button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  display: flex;
  width: 54px;
  height: 24px;
  font-size: 10px;
  justify-content: center;
  align-items: center;
  border: 1px solid #566774;
  border-radius: 12px;
  background-color: #566774;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 38, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .group-users-title-wrapper .button:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #566774;
  border: 2px solid #566774;
}

/* line 47, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
}

/* line 52, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .user-information {
  display: flex;
  flex-flow: column;
}

/* line 55, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .user-information .name {
  font-size: 14px;
  line-height: 18px;
  color: #222222;
}

/* line 60, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .user-information .email {
  font-size: 12px;
  line-height: 18px;
  color: #474d50;
}

/* line 66, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .user-information.gray-out .name {
  color: #C7CDCE;
}

/* line 69, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .user-information.gray-out .email {
  color: #C7CDCE;
}

/* line 74, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .invalid-icon {
  height: 20px;
}

/* line 76, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .content .user-information-wrapper .invalid-icon:hover {
  cursor: pointer;
}

/* line 82, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .spacer {
  height: 20px;
}

/* line 85, packs/business/app/assets/stylesheets/business_groups/business_users/index.scss */
.business-settings-group-user-index main section .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main {
  padding: 80px 0;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section {
  display: flex;
  flex-direction: column;
  gap: 52px;
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
  .business-settings-group-user-invite main section {
    max-width: 415px;
  }
}

/* line 18, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .content .content-title {
  font-size: 14px;
  line-height: 18px;
  color: #222222;
}

/* line 31, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .content .invite-for-note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 18px;
  margin-top: 8px;
  color: #BC2A21;
}

/* line 38, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .content .invite-email {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  margin-top: 28px;
  font-size: 14px;
  line-height: 18px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .content .invite-link {
  margin-top: 12px;
  padding: 10px 10px 10px 12px;
  font-size: 14px;
  line-height: 18px;
  background-color: #f2f2f2;
}

/* line 52, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .spacer {
  height: 20px;
}

/* line 55, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 60, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .center-title-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
}

/* line 66, packs/business/app/assets/stylesheets/business_groups/business_users/invite.scss */
.business-settings-group-user-invite main section .center-title-divider .center-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
  background-color: #ffffff;
  padding: 0 10px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
  .business-settings-group-edit main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .form-label .label-note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
}

/* line 54, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .form-select {
  height: 42px;
  width: 120px;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 70, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  bottom: 16px;
  left: 96px;
}

/* line 80, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .preview-target {
  display: flex;
}

/* line 83, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .preview-target .image img {
  width: 210px;
  min-height: 88px;
  background-color: #f2f2f2;
}

/* line 88, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .preview-target .image .error {
  color: #BC2A21;
}

/* line 92, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .form-wrapper .form-row .form-group .preview-target .input {
  margin-left: 10px;
  margin-top: 70px;
}

/* line 100, packs/business/app/assets/stylesheets/business_groups/settings/edit.scss */
.business-settings-group-edit main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
  .business-settings-group-new main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-label .label-note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
}

/* line 54, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-select {
  height: 42px;
  width: 120px;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 69, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .form-select.long {
  width: 160px;
}

/* line 73, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  bottom: 16px;
  left: 96px;
}

/* line 82, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .triangle.long {
  left: 136px;
}

/* line 86, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .preview-target {
  display: flex;
}

/* line 89, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .preview-target .image img {
  width: 210px;
  min-height: 88px;
  background-color: #f2f2f2;
}

/* line 94, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .preview-target .image .error {
  color: #BC2A21;
}

/* line 98, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .form-wrapper .form-row .form-group .preview-target .input {
  margin-left: 10px;
  margin-top: 70px;
}

/* line 106, packs/business/app/assets/stylesheets/business_groups/settings/new.scss */
.business-settings-group-new main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle {
  width: 90%;
  margin: 20px auto 0;
}

/* line 11, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 15, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper .label {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #222222;
}

/* line 21, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper .toggle .switch {
  width: 48px;
  height: 24px;
  border-radius: 12px;
  border: none;
  position: relative;
  cursor: pointer;
}

/* line 28, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper .toggle .switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* line 39, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper .toggle .switch.on {
  background: #00b900;
}

/* line 41, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .toggle-wrapper .toggle .switch.on::after {
  left: 26px;
}

/* line 48, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .release-note {
  display: inline-block;
  padding: 3px 0;
  margin-top: 5px;
  font-size: 12px;
  color: #566774;
  text-decoration: none;
  border-bottom: 1px solid #566774;
}

/* line 56, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .catalog-mode-toggle .release-note:hover {
  color: #D8864E;
  border-bottom-color: #D8864E;
}

/* line 62, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .preparation-text {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  line-height: normal;
}

/* line 68, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 68, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
  .business-wholesale-mypage-index main section {
    max-width: 415px;
  }
}

/* line 75, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section.menu_sheet {
  margin: 20px auto;
}

/* line 77, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section.menu_sheet a {
  display: block;
  filter: drop-shadow(0px 4px 10px rgba(118, 118, 118, 0.25));
}

/* line 80, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section.menu_sheet a img {
  width: 100%;
  height: auto;
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section.menu_sheet a:hover {
  opacity: 0.8;
}

/* line 89, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* line 96, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .empty-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}

/* line 101, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper {
  list-style: none;
}

/* line 104, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .accrual-date {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #474d50;
}

/* line 109, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .address-title {
  display: flex;
  width: 56px;
  height: 21px;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  margin-bottom: 4px;
}

/* line 122, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 129, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .email {
  padding-top: 8px;
}

/* line 131, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .email p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 10px;
  line-height: 16px;
}

/* line 138, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .total-price-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #474d50;
  margin-bottom: 32px;
}

/* line 144, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .total-price-area p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  line-height: 20px;
}

/* line 151, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .arrival-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}

/* line 156, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .arrival-info h3 {
  display: inline-block;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}

/* line 164, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .missing-info {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 170, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .spacer {
  height: 20px;
}

/* line 173, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .spacer-high {
  height: 24px;
}

/* line 176, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main section .order-list-wrapper .order .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 184, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .group-info-title-wrapper {
  display: flex;
  justify-content: space-between;
}

/* line 187, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .group-info-title-wrapper .button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  display: flex;
  width: 54px;
  height: 24px;
  font-size: 10px;
  justify-content: center;
  align-items: center;
  border: 1px solid #566774;
  border-radius: 12px;
  background-color: #566774;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 200, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .group-info-title-wrapper .button:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #566774;
  border: 2px solid #566774;
}

/* line 208, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content {
  background-color: #f2f2f2;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 213, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .business_group-name {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 12px;
}

/* line 220, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .address {
  margin-bottom: 12px;
}

/* line 222, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 229, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .link-list {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

/* line 233, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .link-list .link-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #222222;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* line 240, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .link-list .link-text:hover {
  color: #D8864E;
  cursor: pointer;
}

/* line 246, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .info {
  display: block;
  width: 100%;
}

/* line 249, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .info tbody {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

/* line 254, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .info tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 263, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .info tr th {
  width: 50%;
  text-align: left;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
}

/* line 268, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .info tr td {
  width: 50%;
  text-align: right;
  flex-wrap: wrap;
  word-wrap: break-word;
}

/* line 276, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/index.scss */
.business-wholesale-mypage-index main .content .buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main {
  width: 90%;
  margin: 116px auto 64px auto;
  flex: 1;
}

/* line 11, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main .password-form-section {
  background: #ffffff;
  padding: 32px 24px;
}

/* line 14, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main .password-form-section h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

/* line 19, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main .password-form-section .description {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 500;
  margin-bottom: 32px;
}

/* line 24, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main .password-form-section .button-box .button {
  margin-bottom: 16px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/password_confirmations.scss */
.password-confirmation main .password-form-section .button-box .button:last-child {
  margin-bottom: 0;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section,
.business-wholesale-mypage-past_order main .button-wrapper {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
  .business-wholesale-mypage-past_order main section,
.business-wholesale-mypage-past_order main .button-wrapper {
    max-width: 415px;
  }
}

/* line 16, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section h2,
.business-wholesale-mypage-past_order main .button-wrapper h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* line 23, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .address-title,
.business-wholesale-mypage-past_order main .button-wrapper .address-title {
  display: flex;
  width: 56px;
  height: 21px;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  margin-bottom: 4px;
}

/* line 36, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .address p,
.business-wholesale-mypage-past_order main .button-wrapper .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 43, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .email,
.business-wholesale-mypage-past_order main .button-wrapper .email {
  padding-top: 8px;
}

/* line 45, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .email p,
.business-wholesale-mypage-past_order main .button-wrapper .email p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 10px;
  line-height: 16px;
}

/* line 52, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .total-price-area,
.business-wholesale-mypage-past_order main .button-wrapper .total-price-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #474d50;
  margin-bottom: 32px;
}

/* line 58, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .total-price-area p,
.business-wholesale-mypage-past_order main .button-wrapper .total-price-area p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  line-height: 20px;
}

/* line 65, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .arrival-info,
.business-wholesale-mypage-past_order main .button-wrapper .arrival-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
}

/* line 70, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .arrival-info h3,
.business-wholesale-mypage-past_order main .button-wrapper .arrival-info h3 {
  display: inline-block;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}

/* line 78, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .spacer,
.business-wholesale-mypage-past_order main .button-wrapper .spacer {
  height: 20px;
}

/* line 81, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .spacer-high,
.business-wholesale-mypage-past_order main .button-wrapper .spacer-high {
  height: 24px;
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_order.scss */
.business-wholesale-mypage-past_order main section .divider,
.business-wholesale-mypage-past_order main .button-wrapper .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
  .business-wholesale-mypage-past_orders_index main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}

/* line 22, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row {
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 389px) {
  /* line 26, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
  .business-wholesale-mypage-past_orders_index main section .search-form .search-items-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* line 35, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .select {
  cursor: pointer;
  width: 100%;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #222222;
}

/* line 45, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #474d50;
  position: absolute;
  top: 19px;
  right: 14px;
}

/* line 55, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  padding-right: 8px;
}

@media screen and (max-width: 743px) {
  /* line 55, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
  .business-wholesale-mypage-past_orders_index main section .search-form .search-items-row p {
    white-space: nowrap;
  }
}

/* line 64, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .input-month {
  height: 32px;
  width: 108px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #222222;
}

@media (max-width: 389px) {
  /* line 64, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
  .business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .input-month {
    width: 100%;
  }
}

/* line 77, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .month-range-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 389px) {
  /* line 77, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
  .business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .month-range-inputs {
    width: 100%;
  }
}

/* line 84, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .search-form .search-items-row .month-range-inputs .month-separator {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  padding: 0 4px;
}

/* line 93, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .empty-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  padding: 16px 12px;
}

/* line 99, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper {
  list-style: none;
}

/* line 101, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content {
  background-color: #f2f2f2;
  padding: 18px 12px;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 106, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 111, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .left {
  padding-right: 8px;
}

/* line 113, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .left h3 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 12px;
  color: #222222;
}

/* line 118, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .left .address {
  padding: 16px 0;
}

/* line 120, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .left .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  line-height: 16px;
}

/* line 127, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .left .amount {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 12px;
}

/* line 134, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .order-list-wrapper .content .link .right .caret-right-icon {
  height: 18px;
}

/* line 141, packs/business/app/assets/stylesheets/business_groups/wholesale/mypage/past_orders_index.scss */
.business-wholesale-mypage-past_orders_index main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main {
  width: 90%;
  margin: 116px auto 64px auto;
}

/* line 10, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .spacer {
  height: 48px;
}

/* line 18, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .text-link {
  text-align: center;
  text-decoration: underline;
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 16px;
}

/* line 24, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .text-link.customer {
  padding-top: 16px;
}

/* line 28, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .attention {
  font-size: 12px;
  color: #e36c6c;
  text-align: center;
  margin-top: 12px;
  font-weight: bold;
}

/* line 35, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .or {
  width: 100%;
  margin: 32px 0;
}

/* line 38, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .or hr {
  margin: 0;
  border-top: 1px dashed #4a4a4a;
}

/* line 42, packs/business/app/assets/stylesheets/business_users/login/index.scss */
.business-login-index main .or p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 500;
  background-color: #ffffff;
  font-size: 12px;
  margin: -8px auto 0 auto;
  width: 72px;
  text-align: center;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main {
  width: 90%;
  margin: 116px auto 64px auto;
}

/* line 10, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 500;
  margin-bottom: 32px;
}

/* line 18, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main p.label {
  margin-bottom: 12px;
}

/* line 22, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main .eye-off,
.business-password-edit main .eye-on {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 36px;
  right: 10px;
  opacity: 0.4;
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 35, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main .eye-on {
  background-image: url(/assets/eye-6130ea4834577cd5643750668bb669029ebe78c02353699c052836a7b7e7466d.png);
}

/* line 38, packs/business/app/assets/stylesheets/business_users/passwords/edit.scss */
.business-password-edit main .eye-off {
  background-image: url(/assets/eye-off-8fb245be9184c3097d585409586ceeac15cca46f451980675e89ed6fc5747f60.png);
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_users/passwords/new.scss */
.business-password-new {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_users/passwords/new.scss */
.business-password-new main {
  width: 90%;
  margin: 116px auto 64px auto;
}

/* line 10, packs/business/app/assets/stylesheets/business_users/passwords/new.scss */
.business-password-new main h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/passwords/new.scss */
.business-password-new main p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 500;
  margin-bottom: 32px;
}

/* line 18, packs/business/app/assets/stylesheets/business_users/passwords/new.scss */
.business-password-new main p.label {
  margin-bottom: 12px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
  .business-settings-user main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
}

/* line 40, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 43, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 48, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row .form-group .form-label .comment {
  font-size: 13px;
  font-weight: 400;
}

/* line 53, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 64, packs/business/app/assets/stylesheets/business_users/settings/edit_user.scss */
.business-settings-user main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
  padding: 80px 0;
}

/* line 12, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
  .business-settings-user-password main section {
    max-width: 415px;
  }
}

/* line 19, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 26, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 0 60px;
  row-gap: 20px;
}

/* line 32, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row {
  display: flex;
  gap: 24px;
}

/* line 35, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
  width: 100%;
  position: relative;
}

/* line 41, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .form-label {
  font-weight: 500;
  margin-bottom: 4px;
}

/* line 44, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .form-label.required:before {
  color: #BC2A21;
  content: "*";
  margin-right: 1px;
}

/* line 49, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .form-label .comment {
  font-size: 13px;
  font-weight: 400;
}

/* line 54, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .form-input {
  height: 42px;
  width: 100%;
  padding: 0 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 62, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .eye-off,
.business-settings-user-password main section .form-wrapper .form-row .form-group .eye-on {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 33px;
  right: 8px;
  opacity: 0.4;
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
}

/* line 75, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .eye-on {
  background-image: url(/assets/eye-6130ea4834577cd5643750668bb669029ebe78c02353699c052836a7b7e7466d.png);
}

/* line 78, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .form-wrapper .form-row .form-group .eye-off {
  background-image: url(/assets/eye-off-8fb245be9184c3097d585409586ceeac15cca46f451980675e89ed6fc5747f60.png);
}

/* line 84, packs/business/app/assets/stylesheets/business_users/settings/edit_user_password.scss */
.business-settings-user-password main section .spacer {
  height: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 4, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main {
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
  padding-top: 100px;
}

/* line 9, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .section-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
  text-align: center;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .validation-error-message {
  font-size: 16px;
  font-weight: bold;
  color: #e36c6c;
  text-align: center;
  margin: 24px 0 16px;
}

/* line 22, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .login-link {
  display: block;
  max-width: 420px;
  margin: 0 auto;
}

/* line 27, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .dividing-line {
  margin: 16px auto 36px;
  border-top: 1px solid #e6e6e6;
}

/* line 31, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper {
  max-width: 420px;
  margin: 0 auto 40px;
}

/* line 34, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .radio-button-area {
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}

/* line 38, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .radio-button-area .radio-button-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* line 42, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .radio-button-area .radio-button-wrapper .radio-button {
  width: 16px;
  height: 16px;
  border: 1px solid #474d50;
  border-radius: 12px;
  background-color: white;
  margin: 0;
  padding: 0;
}

/* line 50, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .radio-button-area .radio-button-wrapper .radio-button:checked {
  border: solid 4px #e6c66b;
  outline: none;
}

/* line 55, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .radio-button-area .radio-button-wrapper .radio-button-label {
  margin: 0;
  font-size: 14px;
}

/* line 61, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .search-box {
  position: relative;
  width: 100%;
}

/* line 64, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .search-box .remove-button {
  width: 30px;
  height: 40px;
  font-size: 35px;
  padding: 0px;
  color: #222222;
  position: absolute;
  top: 24px;
  right: 2px;
  border: none;
  outline: none;
  background-color: #f2f2f2;
}

/* line 76, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .search-box .remove-button:hover {
  cursor: pointer;
  color: #566774;
}

/* line 82, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container {
  display: none;
  height: 0px;
}

/* line 85, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper {
  width: 100%;
  height: 150px;
  position: sticky;
  z-index: 10;
  top: 0px;
  left: 0px;
  margin-top: -2px;
  overflow: scroll;
  pointer-events: none;
  filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.15));
}

/* line 96, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper::-webkit-scrollbar, .business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper::-webkit-scrollbar-corner {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

/* line 102, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper::-webkit-scrollbar-thumb {
  background-color: #566774;
  border-radius: 4px;
}

/* line 106, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper .sales_user-name-choices {
  width: 100%;
}

/* line 108, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper .sales_user-name-choices .sales_user-name {
  display: flex;
  align-items: center;
  padding: 12px 8px;
  border-right: 2px solid #C7CDCE;
  border-left: 2px solid #C7CDCE;
  border-bottom: 2px solid #C7CDCE;
  background-color: #ffffff;
  font-size: 14px;
  list-style: none;
  pointer-events: auto;
}

/* line 119, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper .sales_user-name-choices .sales_user-name:first-child {
  border-top: 2px solid #C7CDCE;
  border-radius: 8px 8px 0 0;
}

/* line 123, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper .sales_user-name-choices .sales_user-name:last-child {
  border-radius: 0 0 8px 8px;
}

/* line 126, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .popup-list-container .popup-list-wrapper .sales_user-name-choices .sales_user-name:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

/* line 134, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .signup-form-wrapper .alert-comment {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #e36c6c;
  line-height: 16px;
}

/* line 142, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .button-box {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

/* line 147, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .button-box .full {
  flex: 100%;
  max-width: 480px;
  border: none;
}

/* line 151, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .button-box .full.orange {
  border: solid 1px #e8a519;
  background-color: #e8a519;
}

/* line 154, packs/business/app/assets/stylesheets/business_users/signup/step1.scss */
.business-signup-step1 .main .button-box .full.orange:active, .business-signup-step1 .main .button-box .full.orange:hover {
  background-color: #ffffff;
  color: #e8a519;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 4, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main {
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
  padding-top: 100px;
}

/* line 9, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .section-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
  text-align: center;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .validation-error-message {
  font-size: 16px;
  font-weight: bold;
  color: #e36c6c;
  text-align: center;
  margin: 24px 0 16px;
}

/* line 22, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .dividing-line {
  margin: 16px auto 36px;
  border-top: 1px solid #e6e6e6;
}

/* line 26, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .signup-form-wrapper {
  max-width: 420px;
  margin: 0 auto 40px;
}

/* line 29, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .signup-form-wrapper .alert-comment {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #e36c6c;
  line-height: 16px;
}

/* line 37, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .radio-button-area {
  display: flex;
  align-items: center;
}

/* line 40, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .radio-button-area .radio-button {
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 1px solid #474d50;
  border-radius: 12px;
  background-color: white;
  margin: 0 4px 0 16px;
}

/* line 49, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .radio-button-area .radio-button:checked {
  border: solid 4px #e6c66b;
  outline: none;
  width: 16px;
  height: 16px;
}

/* line 56, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .radio-button-area .radio-button-label {
  font-size: 14px;
}

/* line 60, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

/* line 65, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box .prev {
  flex: 1 1 30%;
  margin-right: 20px;
  max-width: 160px;
  border: solid 1px #707879;
}

/* line 71, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box .next {
  flex: 1 1 70%;
  max-width: 320px;
  border: none;
}

/* line 75, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box .next.full {
  flex: 100%;
  max-width: 480px;
}

/* line 79, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box .next.orange {
  border: solid 1px #e8a519;
  background-color: #e8a519;
}

/* line 82, packs/business/app/assets/stylesheets/business_users/signup/step2.scss */
.business-signup-step2 .main .button-box .next.orange:active, .business-signup-step2 .main .button-box .next.orange:hover {
  background-color: #ffffff;
  color: #e8a519;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 4, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main {
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
  padding-top: 100px;
}

/* line 9, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .section-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
  text-align: center;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .validation-error-message {
  font-size: 16px;
  font-weight: bold;
  color: #e36c6c;
  text-align: center;
  margin: 24px 0 16px;
}

/* line 22, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .dividing-line {
  margin: 16px auto 36px;
  border-top: 1px solid #e6e6e6;
}

/* line 26, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .signup-form-wrapper {
  max-width: 420px;
  margin: 0 auto 40px;
}

/* line 29, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .signup-form-wrapper .alert-comment {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  color: #e36c6c;
  line-height: 20px;
}

/* line 36, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .signup-form-wrapper .note-comment {
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  color: #e36c6c;
  line-height: 16px;
}

/* line 45, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .input-form.year {
  width: 40%;
}

/* line 48, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .input-form.month, .business-signup-step3 .main .input-form.day {
  width: 30%;
}

/* line 52, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .input-form-label {
  width: 10%;
  display: inline-block;
  font-size: 14px;
  margin: 24px 12px 12px;
}

/* line 57, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .input-form-label.year {
  margin: 24px 12px 12px 0;
}

/* line 61, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

/* line 66, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box .prev {
  flex: 1 1 30%;
  margin-right: 20px;
  max-width: 160px;
  border: solid 1px #707879;
}

/* line 72, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box .next {
  flex: 1 1 70%;
  max-width: 320px;
  border: none;
}

/* line 76, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box .next.full {
  flex: 100%;
  max-width: 480px;
}

/* line 80, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box .next.orange {
  border: solid 1px #e8a519;
  background-color: #e8a519;
}

/* line 83, packs/business/app/assets/stylesheets/business_users/signup/step3.scss */
.business-signup-step3 .main .button-box .next.orange:active, .business-signup-step3 .main .button-box .next.orange:hover {
  background-color: #ffffff;
  color: #e8a519;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 4, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main {
  width: 90%;
  max-width: 620px;
  margin: 0 auto;
  padding-top: 100px;
}

/* line 9, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .section-title {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
  text-align: center;
}

/* line 15, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .validation-error-message {
  font-size: 16px;
  font-weight: bold;
  color: #e36c6c;
  text-align: center;
  margin: 24px 0 16px;
}

/* line 22, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .dividing-line {
  margin: 16px auto 36px;
  border-top: 1px solid #e6e6e6;
}

/* line 26, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .signup-form-wrapper {
  max-width: 420px;
  margin: 0 auto 32px;
}

/* line 29, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .signup-form-wrapper .info-comment {
  font-size: 13px;
}

/* line 33, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 32px;
  box-sizing: border-box;
  padding: 20px 16px;
  background-color: #f2f2f2;
  border-radius: 4px;
}

/* line 42, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .heading-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  margin-bottom: 16px;
}

/* line 46, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .confirm-table {
  width: 100%;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0px 8px;
  padding-left: 8px;
}

/* line 52, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .confirm-table.person {
  padding-bottom: 8px;
}

/* line 55, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .confirm-table .table-row {
  width: 100%;
}

/* line 57, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .confirm-table .table-row .table-index {
  display: block;
  text-align: left;
  width: 100%;
  color: #474d50;
  font-weight: 700;
  padding-bottom: 8px;
}

/* line 65, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .confirm-card .table-list .confirm-table .table-row .table-content {
  display: block;
  text-align: left;
  width: 100%;
  color: #474d50;
  padding-left: 8px;
  line-height: 1.3em;
}

/* line 77, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-container {
  margin-bottom: 16px;
}

/* line 80, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-box {
  display: none;
}

/* line 82, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-box:checked + label .check {
  background-image: url(/assets/check-on-d70f626993dc3a55c291e65b41ee83c957d76b721ae602d8ff490e79d8d870df.svg);
}

/* line 86, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-label {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}

/* line 90, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-label .terms-link-text {
  font-size: 14px;
  line-height: 24px;
  margin-left: 12px;
}

/* line 95, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-label .check {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-image: url(/assets/check-off-eb824ec3bc35f52280948eb463f5e209ac5fad1e81e61bd0a32097bc2d043232.svg);
}

/* line 102, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .agree-check-label .terms {
  text-decoration: underline;
  color: #e36c6c;
}

/* line 107, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 32px auto 64px;
}

/* line 112, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box .prev {
  flex: 1 1 30%;
  margin-right: 20px;
  max-width: 160px;
  border: solid 1px #707879;
}

/* line 118, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box .next {
  flex: 1 1 70%;
  max-width: 320px;
  border: none;
}

/* line 122, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box .next.full {
  flex: 100%;
  max-width: 480px;
}

/* line 126, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box .next.orange {
  border: solid 1px #e8a519;
  background-color: #e8a519;
}

/* line 129, packs/business/app/assets/stylesheets/business_users/signup/step4.scss */
.business-signup-step4 .main .button-box .next.orange:active, .business-signup-step4 .main .button-box .next.orange:hover {
  background-color: #ffffff;
  color: #e8a519;
}

/* line 1, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 5, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index main {
  width: 90%;
  margin: 116px auto 64px auto;
}

/* line 8, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index main h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 32px;
}

/* line 13, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index main p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 20px 0;
  line-height: 1.2em;
}

/* line 18, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index main p.right {
  text-align: right;
}

/* line 21, packs/business/app/assets/stylesheets/business_users/terms/index.scss */
.business-terms-index main p b {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 4px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main {
  margin-bottom: 80px;
}

/* line 9, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section {
  width: 90%;
  margin: 40px auto 60px;
}

@media screen and (min-width: 415px) {
  /* line 9, packs/business/app/assets/stylesheets/business_menus/edit.scss */
  .business-menus-edit main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting {
  margin: 32px auto;
}

/* line 17, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

/* line 23, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .description {
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  line-height: normal;
}

/* line 29, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item {
  margin-top: 40px;
}

/* line 31, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}

/* line 37, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .item-description {
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  line-height: normal;
}

/* line 42, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .item-description .link-text {
  color: #D8864E;
  text-decoration: underline;
}

/* line 47, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .recommended-size-text {
  margin-top: 8px;
  font-style: normal;
  font-size: 10px;
  line-height: normal;
}

/* line 53, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area {
  margin-top: 20px;
  display: flex;
  gap: 28px;
}

/* line 57, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area.is_displayed_group_image {
  flex-direction: column;
  gap: 16px;
}

/* line 61, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 65, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
}

/* line 70, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.is_displayed_price_on_web {
  width: 128px;
  height: 36px;
}

/* line 74, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.price_display_type_on_paper {
  width: 128px;
  height: 54px;
}

/* line 78, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.is_displayed_group_image {
  width: 100%;
  height: 46px;
  padding: 0 10px;
  background-color: #ECEAE3;
  justify-content: space-between;
}

/* line 85, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .is_displayed_price_on_web_sample {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}

/* line 92, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-label {
  display: flex;
  width: 31.5px;
  height: 14px;
  justify-content: center;
  align-items: center;
  background-color: #222222;
}

/* line 99, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-label .label-text {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #ffffff;
}

/* line 107, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper {
  display: flex;
  height: 21px;
  border-bottom: 3px solid #222222;
  align-items: end;
}

/* line 112, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper.yen_only {
  width: 72px;
}

/* line 115, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price {
  padding-left: 1px;
  margin-bottom: -3px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
}

/* line 124, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

/* line 128, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-label {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 7px;
  line-height: 94%;
}

/* line 135, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-price {
  padding-bottom: 0.5px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 94%;
}

/* line 146, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .is_displayed_group_image-sample-title {
  font-family: "Barlow Condensed", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1.5px;
}

/* line 153, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .group-logo {
  width: 38px;
  height: 18px;
}

/* line 158, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper {
  display: flex;
  gap: 10px;
}

/* line 161, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 4px #C7CDCE;
}

/* line 167, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button:checked {
  border: solid 4px #D8864E;
}

/* line 171, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button-label {
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 180, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .button {
  margin-top: 40px;
  font-size: 12px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 2px solid #D8864E;
  background-color: #D8864E;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 194, packs/business/app/assets/stylesheets/business_menus/edit.scss */
.business-menus-edit main section.menu_setting .button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main {
  margin-bottom: 80px;
}

/* line 9, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section {
  width: 90%;
  margin: 40px auto 60px;
}

@media screen and (min-width: 415px) {
  /* line 9, packs/business/app/assets/stylesheets/business_menus/new.scss */
  .business-menus-new main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting {
  margin: 32px auto;
}

/* line 17, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

/* line 23, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .description {
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  line-height: normal;
}

/* line 29, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item {
  margin-top: 40px;
}

/* line 31, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}

/* line 37, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .item-description {
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  line-height: normal;
}

/* line 42, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .item-description .link-text {
  color: #D8864E;
  text-decoration: underline;
}

/* line 47, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .recommended-size-text {
  margin-top: 8px;
  font-style: normal;
  font-size: 10px;
  line-height: normal;
}

/* line 53, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area {
  margin-top: 20px;
  display: flex;
  gap: 28px;
}

/* line 57, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area.is_displayed_group_image {
  flex-direction: column;
  gap: 16px;
}

/* line 61, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 65, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f2f2f2;
}

/* line 70, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.is_displayed_price_on_web {
  width: 128px;
  height: 36px;
}

/* line 74, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.price_display_type_on_paper {
  width: 128px;
  height: 54px;
}

/* line 78, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container.is_displayed_group_image {
  width: 100%;
  height: 46px;
  padding: 0 10px;
  background-color: #ECEAE3;
  justify-content: space-between;
}

/* line 85, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .is_displayed_price_on_web_sample {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: normal;
}

/* line 92, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-label {
  display: flex;
  width: 31.5px;
  height: 14px;
  justify-content: center;
  align-items: center;
  background-color: #222222;
}

/* line 99, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-label .label-text {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #ffffff;
}

/* line 107, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper {
  display: flex;
  height: 21px;
  border-bottom: 3px solid #222222;
  align-items: end;
}

/* line 112, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper.yen_only {
  width: 72px;
}

/* line 115, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price {
  padding-left: 1px;
  margin-bottom: -3px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
}

/* line 124, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

/* line 128, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-label {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 7px;
  line-height: 94%;
}

/* line 135, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-price {
  padding-bottom: 0.5px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 94%;
}

/* line 146, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .is_displayed_group_image-sample-title {
  font-family: "Barlow Condensed", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 1.5px;
}

/* line 153, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .display-sample-container .group-logo {
  width: 38px;
  height: 18px;
}

/* line 158, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper {
  display: flex;
  gap: 10px;
}

/* line 161, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 4px #C7CDCE;
}

/* line 167, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button:checked {
  border: solid 4px #D8864E;
}

/* line 171, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .item .display-sample-radio-button-area .display-sample-radio-button-wrapper .radio-button-wrapper .radio-button-label {
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 180, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .button {
  margin-top: 40px;
  font-size: 12px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 2px solid #D8864E;
  background-color: #D8864E;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 194, packs/business/app/assets/stylesheets/business_menus/new.scss */
.business-menus-new main section.menu_setting .button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main {
  width: 100%;
  margin-bottom: 40px;
}

/* line 10, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .preparation-text {
  margin: 20px auto;
  font-size: 14px;
  line-height: normal;
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title {
  margin: 40px 0 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

/* line 21, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper {
  display: flex;
  align-items: center;
  margin: 40px 0 20px;
  gap: 12px;
}

/* line 26, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

/* line 32, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .button {
  width: 54px;
  height: 24px;
  font-size: 10px;
  border: 1px solid #566774;
  border-radius: 12px;
  background-color: #566774;
  color: #ffffff;
}

/* line 40, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .button:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #566774;
  border: 2px solid #566774;
}

/* line 47, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .controls-wrapper {
  margin-left: auto;
  position: relative;
}

/* line 50, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .controls-wrapper .sort-select {
  width: 135px;
  height: 32px;
  border: 1px solid #222222;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #222222;
}

/* line 63, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .title-wrapper .controls-wrapper .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  pointer-events: none;
}

@media all and (max-width: 432px) {
  /* line 21, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .main .title-wrapper {
    flex-wrap: wrap;
    gap: 12px;
    margin: 40px 0 10px;
  }
  /* line 80, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .main .title-wrapper .text {
    margin-bottom: 4px;
  }
  /* line 83, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .main .title-wrapper .controls-wrapper {
    margin-left: auto;
    margin-top: 15px;
  }
}

/* line 89, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .digital_menu-url-section,
.business_menus-settings .main .publish-packaged_drink-section,
.business_menus-settings .main .printing-menu-section {
  margin: 0 auto;
  width: 90%;
  min-width: 320px;
}

/* line 95, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .digital_menu-url-section .printing-button,
.business_menus-settings .main .publish-packaged_drink-section .printing-button,
.business_menus-settings .main .printing-menu-section .printing-button {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
}

/* line 101, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .url {
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  background-color: #f2f2f2;
  font-size: 14px;
  text-align: center;
  word-break: break-all;
  line-height: 18px;
}

/* line 112, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .copy-button {
  max-width: 400px;
  margin: 20px auto 0;
  height: 44px;
}

/* line 117, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .button-section {
  margin: 28px auto 40px;
  width: 90%;
  max-width: 400px;
  min-width: 320px;
}

/* line 122, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .button-section.edit {
  margin: 70px auto 0;
}

/* line 124, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .button-section.edit .button {
  font-size: 12px;
}

/* line 129, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .display-grid-packaged_drinks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 40px 15px;
}

@media all and (max-width: 400px) {
  /* line 129, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .main .display-grid-packaged_drinks {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

/* line 136, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .display-grid-packaged_drinks .packaged_drink,
.business_menus-settings .main .display-grid-packaged_drinks .add-menu-button {
  width: 100%;
  max-width: 250px;
}

/* line 142, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 160px;
  min-width: 160px;
}

/* line 148, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 152, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .main-content {
  display: grid;
  gap: 3px;
  margin: 8px 0;
}

/* line 156, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 161, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .main-content .drink-name,
.business_menus-settings .main .packaged_drink .main-content .price {
  font-size: clamp(12px, 3.73vw, 14px);
  font-weight: 700;
  line-height: normal;
}

/* line 168, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .item-info {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 8px;
  line-height: 12px;
  color: #BC2A21;
}

/* line 174, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper {
  display: flex;
  gap: 8px;
  margin-top: auto;
}

/* line 178, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button {
  display: grid;
  align-items: center;
  width: 100%;
  height: 30px;
  border-radius: 21px;
}

/* line 184, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.edit-item {
  background-color: #566774;
  border: 1px solid #566774;
}

/* line 187, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.edit-item .text {
  color: #ffffff;
}

/* line 190, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.edit-item:hover {
  background-color: #ffffff;
}

/* line 192, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.edit-item:hover .text {
  color: #566774;
}

/* line 197, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.remove-menu {
  background-color: #ffffff;
  border: 1px solid #BC2A21;
}

/* line 200, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.remove-menu .text {
  color: #BC2A21;
}

/* line 203, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.remove-menu:hover {
  background-color: #BC2A21;
}

/* line 205, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button.remove-menu:hover .text {
  color: #ffffff;
}

/* line 210, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

/* line 216, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .packaged_drink .button-wrapper .menu-operation-button:hover {
  cursor: pointer;
}

/* line 222, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .add-menu-button {
  display: flex;
  min-width: 160px;
  min-height: 200px;
  border: 2px dashed #566774;
  border-radius: 10px;
}

/* line 228, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .add-menu-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* line 234, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .add-menu-button a .texts {
  text-align: center;
  font-size: 55px;
  color: #566774;
  user-select: none;
  -webkit-user-select: none;
}

/* line 240, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .add-menu-button a .texts .text {
  font-size: 11px;
  color: #566774;
}

/* line 246, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .main .add-menu-button:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* line 252, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .floating-text {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 400px;
}

/* line 260, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay {
  opacity: 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

/* line 270, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay.active {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: auto;
}

/* line 277, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay.inactive {
  -webkit-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 280, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 295px;
  padding: 40px 20px 20px;
  border-radius: 23px;
  background-color: #ffffff;
}

/* line 290, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .image {
  margin: 20px 0 8px;
  width: 100%;
  background: #f2f2f2;
}

/* line 295, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .text-row {
  margin-bottom: 20px;
}

/* line 297, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .text-row .brand-name {
  font-size: 10px;
  margin-bottom: 4px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 297, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .modal-overlay .modal-window .text-row .brand-name {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 305, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .text-row .item-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

@media all and (max-width: 374px) {
  /* line 305, packs/business/app/assets/stylesheets/business_menus/settings.scss */
  .business_menus-settings .modal-overlay .modal-window .text-row .item-name {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 314, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .primary-button,
.business_menus-settings .modal-overlay .modal-window .cancel-button {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #D8864E;
  border: none;
}

/* line 324, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .primary-button.cancel-button,
.business_menus-settings .modal-overlay .modal-window .cancel-button.cancel-button {
  margin-top: 16px;
  background-color: #222222;
}

/* line 328, packs/business/app/assets/stylesheets/business_menus/settings.scss */
.business_menus-settings .modal-overlay .modal-window .primary-button:hover,
.business_menus-settings .modal-overlay .modal-window .cancel-button:hover {
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show {
  display: flex;
  flex-direction: column;
  background-color: #ECEAE3;
  min-height: 100vh;
}

/* line 8, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main {
  margin-bottom: 80px;
}

/* line 10, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section {
  width: 90%;
  margin: 40px auto 60px;
}

@media screen and (min-width: 415px) {
  /* line 10, packs/business/app/assets/stylesheets/business_menus/show.scss */
  .business-menus-show main section {
    max-width: 415px;
  }
}

/* line 16, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet {
  margin: 32px auto;
}

/* line 19, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .title {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 40px;
  line-height: normal;
  color: #ECEAE3;
  -webkit-text-stroke: 1px #222222;
  letter-spacing: 1.3px;
}

/* line 29, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(158px, 1fr));
  gap: 48px 10px;
}

/* line 34, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item {
  width: 100%;
}

/* line 36, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-image {
  width: 100%;
  border-radius: 10px;
}

/* line 40, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail {
  margin-top: 8px;
}

/* line 42, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .brand-name {
  font-style: normal;
  font-size: 12px;
  line-height: normal;
  color: #474d50;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 50, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .item-name {
  margin-top: 3px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 60, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .alcohol-and-ibus {
  font-style: normal;
  font-size: 12px;
  line-height: normal;
  color: #474d50;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 68, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .beer-style {
  margin-top: 3px;
  font-style: normal;
  font-size: 12px;
  line-height: normal;
  color: #474d50;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 77, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .wholesale_text {
  margin-top: 3px;
  font-style: normal;
  font-size: 12px;
  line-height: normal;
  color: #474d50;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

/* line 87, packs/business/app/assets/stylesheets/business_menus/show.scss */
.business-menus-show main section.menu_sheet .menu-items .menu-item .item-detail .price {
  margin-top: 3px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, packs/business/app/assets/stylesheets/business_menus/show_header.scss */
.business_menus_show-header {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 84px;
  width: 100%;
  z-index: 9999;
  background-color: #ffffff;
}

/* line 9, packs/business/app/assets/stylesheets/business_menus/show_header.scss */
.business_menus_show-header header {
  position: relative;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  box-sizing: border-box;
  z-index: 99999;
}

/* line 19, packs/business/app/assets/stylesheets/business_menus/show_header.scss */
.business_menus_show-header header .logo {
  color: #222222;
  height: 44px;
  padding-top: 5px;
  box-sizing: border-box;
}

/* line 24, packs/business/app/assets/stylesheets/business_menus/show_header.scss */
.business_menus_show-header header .logo svg {
  width: 120px;
  height: 34px;
  fill: currentColor;
}

/* line 30, packs/business/app/assets/stylesheets/business_menus/show_header.scss */
.business_menus_show-header header .group-logo {
  width: 105px;
  height: 44px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
  .business-wholesale-generate_menu_option main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .title {
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}

/* line 21, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .description {
  margin-top: 20px;
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 27, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container,
.business-wholesale-generate_menu_option main section .display_ibu-container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 33, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .display_item_image-title,
.business-wholesale-generate_menu_option main section .display_item_image-container .display_ibu-title,
.business-wholesale-generate_menu_option main section .display_ibu-container .display_item_image-title,
.business-wholesale-generate_menu_option main section .display_ibu-container .display_ibu-title {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 40, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .radio-button-area,
.business-wholesale-generate_menu_option main section .display_ibu-container .radio-button-area {
  display: flex;
  gap: 24px;
}

/* line 43, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .radio-button-area .radio-button-wrapper,
.business-wholesale-generate_menu_option main section .display_ibu-container .radio-button-area .radio-button-wrapper {
  display: flex;
  gap: 10px;
}

/* line 46, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .radio-button-area .radio-button-wrapper .radio-button,
.business-wholesale-generate_menu_option main section .display_ibu-container .radio-button-area .radio-button-wrapper .radio-button {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 4px #C7CDCE;
}

/* line 52, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .radio-button-area .radio-button-wrapper .radio-button:checked,
.business-wholesale-generate_menu_option main section .display_ibu-container .radio-button-area .radio-button-wrapper .radio-button:checked {
  border: solid 4px #D8864E;
}

/* line 56, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .display_item_image-container .radio-button-area .radio-button-wrapper .radio-button-label,
.business-wholesale-generate_menu_option main section .display_ibu-container .radio-button-area .radio-button-wrapper .radio-button-label {
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 64, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

/* line 68, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .menu_title-title {
  font-weight: 700;
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 74, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .radio-button-area {
  display: flex;
  gap: 24px;
  margin-top: 20px;
}

/* line 78, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .radio-button-area .radio-button-wrapper {
  display: flex;
  gap: 10px;
}

/* line 81, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .radio-button-area .radio-button-wrapper .radio-button {
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: solid 4px #C7CDCE;
}

/* line 87, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .radio-button-area .radio-button-wrapper .radio-button:checked {
  border: solid 4px #D8864E;
}

/* line 91, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .radio-button-area .radio-button-wrapper .radio-button-label {
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 98, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .preset-title-wrapper,
.business-wholesale-generate_menu_option main section .menu_title-container .custom-title-wrapper {
  margin-top: 20px;
}

/* line 102, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .select-box-wrapper {
  width: 335px;
  height: 44px;
  position: relative;
}

/* line 106, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .select-box-wrapper .select-box {
  width: 335px;
  height: 44px;
  border: 1px solid #222222;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #ffffff;
}

/* line 114, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .select-box-wrapper .triangle {
  margin: auto;
  width: 0;
  height: 0;
  border-radius: 2px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #222222;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

/* line 128, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .input-wrapper {
  width: 335px;
  height: 44px;
}

/* line 131, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .input-wrapper .input {
  width: 100%;
  height: 100%;
  border: 1px solid #222222;
  padding: 0 12px;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 14px;
  color: #222222;
  box-sizing: border-box;
}

/* line 141, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .input-wrapper .input::placeholder {
  color: #C7CDCE;
}

/* line 144, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .input-wrapper .input:focus {
  outline: none;
  border-color: #D8864E;
}

/* line 150, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container #remaining-characters {
  width: 335px;
  font-size: 12px;
  padding-top: 4px;
  margin: 0;
  font-weight: normal;
  text-align: right;
}

/* line 157, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container #remaining-characters .text-counter {
  color: #00b900;
  font-weight: bold;
}

/* line 160, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container #remaining-characters .text-counter.length-alert {
  color: #BC2A21;
  font-weight: bold;
}

/* line 166, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .menu_title-container .hidden {
  display: none;
}

/* line 170, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .button {
  margin-top: 40px;
  font-size: 12px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 2px solid #D8864E;
  background-color: #D8864E;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 183, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.option.scss */
.business-wholesale-generate_menu_option main section .button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
  .business-wholesale-generate_menu main section {
    max-width: 335px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet-preview-container {
  width: 100%;
  aspect-ratio: 335 / 237;
}

/* line 18, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet-preview-container img {
  width: 100%;
  aspect-ratio: 335 / 237;
}

/* line 23, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -9999;
  display: flex;
  visibility: hidden;
  margin-top: 16px;
  flex-direction: column;
  justify-content: space-between;
  width: 841.89px;
  height: 595.276px;
  background-color: #ECEAE3;
}

/* line 36, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content {
  padding: 38px 22.89px 36px 24px;
  position: relative;
}

/* line 39, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .group_logo {
  object-fit: contain;
  max-width: 105px;
  max-height: 44px;
  position: absolute;
  top: 40px;
  right: 27px;
}

/* line 48, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-title span {
  font-family: "Barlow Condensed", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: 3px;
}

/* line 54, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-title span.japanese {
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 19px;
  letter-spacing: -0.78px;
}

/* line 61, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-title span.mixed {
  font-family: "Barlow Condensed", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 44px;
  letter-spacing: 3px;
}

/* line 66, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-title span.mixed .japanese-char {
  display: inline-block;
  font-size: 35px;
  letter-spacing: 1px;
  vertical-align: 3px;
}

/* line 75, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 21px;
  margin-top: 33.43px;
  height: 368px;
}

/* line 82, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item {
  width: 183px;
  height: 368px;
  border-radius: 16px;
  background-color: #ffffff;
}

/* line 87, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item.no-image {
  height: 196px;
}

/* line 89, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item.no-image .item-content {
  padding-top: 23px;
}

/* line 93, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-image {
  width: 183px;
  height: 183px;
  background-color: #f2f2f2;
  border-radius: 16px 16px 0px 0px;
}

/* line 99, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content {
  position: relative;
  padding: 8px 10px 40px;
}

/* line 102, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail {
  display: flex;
  flex-direction: column;
  height: 127px;
}

/* line 106, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .brand-prefecture-brand-name-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

/* line 111, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .brand-prefecture-brand-name-wrapper .brand-prefecture {
  display: flex;
  flex-shrink: 0;
  height: 14px;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  font-weight: 700;
  font-size: 7px;
  color: #ffffff;
  background-color: #035AC1;
}

/* line 124, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .brand-prefecture-brand-name-wrapper .brand-name {
  font-weight: 700;
  font-size: 7px;
  color: #222222;
}

/* line 130, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .item-name {
  max-height: 42px;
  padding: 1px 0;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.42px;
  word-break: break-word;
}

/* line 141, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .beer-style,
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .alcohol-and-ibus {
  margin-top: 3px;
  min-height: 11px;
  max-height: 15px;
  font-weight: 700;
  font-size: 7.5px;
  color: #222222;
  word-break: break-word;
}

/* line 150, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .beer-style.alcohol-and-ibus,
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .alcohol-and-ibus.alcohol-and-ibus {
  margin-top: 0;
}

/* line 154, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .item-detail .wholesale_text {
  flex: 1;
  margin-top: 4px;
  display: flex;
  max-height: 48px;
  min-height: 48px;
  align-items: center;
  font-size: 8px;
  line-height: 12px;
  color: #222222;
  word-break: break-word;
}

/* line 167, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper {
  position: absolute;
  bottom: 0px;
  left: 10px;
  right: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 176, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-label {
  display: flex;
  width: 31.5px;
  height: 14px;
  justify-content: center;
  align-items: center;
  background-color: #222222;
}

/* line 183, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-label .label-text {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 9px;
  color: #ffffff;
}

/* line 191, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper {
  display: flex;
  height: 21px;
  border-bottom: 3px solid #222222;
  align-items: end;
}

/* line 196, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper.yen_only {
  width: 72px;
}

/* line 199, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper .price {
  padding-left: 1px;
  margin-bottom: -3px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
}

/* line 208, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
}

/* line 212, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-label {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 7px;
  line-height: 94%;
}

/* line 219, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .price-price-label-wrapper .price-wrapper .price-tax-included-wrapper .tax-included-price {
  padding-bottom: 0.5px;
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 94%;
}

/* line 230, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .item-content .price-logo-wrapper .logo {
  width: 38px;
  height: 38px;
  background-color: #f2f2f2;
  border-radius: 4px;
  border: 1px solid #ECEAE3;
}

/* line 239, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-content .menu-items .menu-item .app_ad-image {
  width: 100%;
  height: 100%;
}

/* line 246, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  height: 73px;
  background-color: #ffffff;
}

/* line 253, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content {
  display: flex;
  align-items: center;
}

/* line 256, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-qr-code {
  width: 64px;
  height: 64px;
}

/* line 259, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-qr-code img {
  padding: 5px;
  width: 54px;
  height: 54px;
}

/* line 265, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-label-description-wrapper {
  margin-left: 8px;
}

/* line 267, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-label-description-wrapper .digital-menu-label {
  display: flex;
  width: 96px;
  height: 15px;
  justify-content: center;
  align-items: center;
  background-color: #222222;
}

/* line 274, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-label-description-wrapper .digital-menu-label .digital-menu-text {
  font-family: "Barlow", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 8px;
  color: #ffffff;
}

/* line 282, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .footer-content .digital-menu-label-description-wrapper .digital-menu-description {
  margin-top: 5px;
  font-weight: 700;
  font-size: 6px;
  color: #222222;
  line-height: normal;
}

/* line 291, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .menu-sheet .menu-footer .logo-image {
  width: 129px;
  height: 32px;
}

/* line 297, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  width: 100%;
}

/* line 303, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper button {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  border-radius: 22px;
  box-sizing: border-box;
}

/* line 312, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper button.download-button {
  border: 2px solid #D8864E;
  background-color: #D8864E;
  color: #ffffff;
}

/* line 316, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper button.download-button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 323, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper button.select-other-button {
  border: 2px solid #566774;
  background-color: #566774;
  color: #ffffff;
}

/* line 327, packs/business/app/assets/stylesheets/business_menus/paper/generate_menu.scss */
.business-wholesale-generate_menu main section .buttons-wrapper button.select-other-button:hover {
  background-color: #ffffff;
  color: #566774;
  border: 2px solid #566774;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
  .business-wholesale-select_menu_items main section {
    max-width: 335px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .title {
  font-weight: 700;
  font-size: 16px;
  color: #222222;
  line-height: 24px;
}

/* line 21, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .description {
  margin-top: 20px;
  font-size: 14px;
  color: #222222;
  line-height: normal;
}

/* line 27, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .controls-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0;
  position: relative;
}

/* line 32, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .controls-wrapper .sort-select {
  width: 135px;
  height: 32px;
  border: 1px solid #222222;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  color: #222222;
}

/* line 45, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .controls-wrapper .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #222222;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  pointer-events: none;
}

/* line 58, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items {
  display: grid;
  grid-template-columns: repeat(2, minmax(158px, 1fr));
  gap: 20px 19px;
  margin-top: 20px;
}

/* line 63, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item {
  width: 100%;
  height: 275px;
}

/* line 66, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .item-image {
  width: 158px;
  height: 158px;
  border-radius: 10px;
}

/* line 71, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .brand-name {
  margin-top: 8px;
  font-style: normal;
  font-size: 12px;
  line-height: normal;
  color: #474d50;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 80, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .item-name {
  margin-top: 3px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 90, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .price {
  margin-top: 3px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

/* line 98, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper {
  /* ボタンの基本スタイル */
}

/* line 99, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox {
  display: none;
}

/* line 104, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox-label {
  margin-top: 8px;
  font-size: 12px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 1px solid #D8864E;
  background-color: #ffffff;
  color: #D8864E;
  box-sizing: border-box;
}

/* line 117, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox-label:hover {
  cursor: pointer;
}

/* line 122, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox:checked + .select-checkbox-label {
  background-color: #D8864E;
  color: #ffffff;
  border: 1px solid #D8864E;
}

/* line 128, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox:checked + .select-checkbox-label::after {
  content: "選択中";
}

/* line 132, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .menu-items .menu-item .select-button-wrapper .select-checkbox-label::after {
  content: "選択する";
}

/* line 138, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .button {
  margin-top: 40px;
  font-size: 12px;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  border: 2px solid #D8864E;
  background-color: #D8864E;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 152, packs/business/app/assets/stylesheets/business_menus/paper/select_menu_items.scss */
.business-wholesale-select_menu_items main section .button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}

/* line 12, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
  .business-menu-items-edit main section {
    max-width: 415px;
  }
}

/* line 20, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #222222;
  margin-bottom: 24px;
}

/* line 28, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.packaged-drink-info-section {
  margin-bottom: 40px;
}

/* line 32, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.packaged-drink-info-section .packaged-drink-info-text .brewery-name {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 4px;
}

/* line 40, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.packaged-drink-info-section .packaged-drink-info-text .name {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
}

/* line 48, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.packaged-drink-info-section .packaged-drink-image {
  width: 100%;
  object-fit: cover;
  margin-bottom: 8px;
}

/* line 56, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section #error_explanation {
  padding: 16px;
  background-color: #BC2A21;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 61, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section #error_explanation h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
  color: #ffffff;
}

/* line 67, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section #error_explanation ul {
  list-style: none;
}

/* line 69, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section #error_explanation ul li {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

/* line 77, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field {
  margin-bottom: 40px;
}

/* line 79, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .field-label {
  margin-bottom: 12px;
}

/* line 81, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .field-label.flex {
  display: flex;
  justify-content: space-between;
}

/* line 84, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .field-label.flex .link-text {
  font-size: 12px;
  font-weight: 700;
  color: #D8864E;
}

/* line 90, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .field-label label {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #474d50;
}

/* line 96, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .field-label span {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #BC2A21;
}

/* line 102, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field input[type="date"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

/* line 111, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .content-textarea {
  width: 100%;
  border: 1px solid #222222;
  border-radius: 4px;
  height: 100px;
  resize: vertical;
  box-sizing: border-box;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
}

/* line 124, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .price-field {
  display: flex;
  align-items: flex-end;
  width: 100%;
  gap: 8px;
}

/* line 129, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .price-field input {
  width: 90px;
  padding: 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

/* line 137, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .price-field p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
}

/* line 142, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .field .price-field-note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 10px;
  margin-top: 4px;
}

/* line 149, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form #remaining-characters {
  font-size: 12px;
  padding-top: 2px;
  margin: 0;
  font-weight: normal;
  text-align: right;
}

/* line 155, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form #remaining-characters .text-counter {
  color: #00b900;
  font-weight: bold;
}

/* line 158, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form #remaining-characters .text-counter.length-alert {
  color: #BC2A21;
  font-weight: bold;
}

/* line 165, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .actions {
  margin-top: 32px;
}

/* line 168, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section form .actions .button {
  margin-top: 20px;
  cursor: pointer;
}

/* line 175, packs/business/app/assets/stylesheets/business_menu_items/edit.scss */
.business-menu-items-edit main section.menu-item-form-section .button.back {
  margin-top: 20px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #222222;
}

/* line 12, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 12, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
  .business-menu-items-new main section {
    max-width: 415px;
  }
}

/* line 20, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section h1 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  color: #222222;
  margin-bottom: 24px;
}

/* line 28, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.packaged-drink-info-section {
  margin-bottom: 40px;
}

/* line 32, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.packaged-drink-info-section .packaged-drink-info-text .brewery-name {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #222222;
  margin-bottom: 4px;
}

/* line 40, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.packaged-drink-info-section .packaged-drink-info-text .name {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
}

/* line 48, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.packaged-drink-info-section .packaged-drink-image {
  width: 100%;
  object-fit: cover;
  margin-bottom: 8px;
}

/* line 56, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section #error_explanation {
  padding: 16px;
  background-color: #BC2A21;
  border-radius: 4px;
  margin-bottom: 20px;
}

/* line 61, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section #error_explanation h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
  color: #ffffff;
}

/* line 67, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section #error_explanation ul {
  list-style: none;
}

/* line 69, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section #error_explanation ul li {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

/* line 77, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field {
  margin-bottom: 40px;
}

/* line 79, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .field-label {
  margin-bottom: 12px;
}

/* line 81, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .field-label.flex {
  display: flex;
  justify-content: space-between;
}

/* line 84, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .field-label.flex .link-text {
  font-size: 12px;
  font-weight: 700;
  color: #D8864E;
}

/* line 90, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .field-label label {
  display: block;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #474d50;
}

/* line 98, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field input[type="date"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

/* line 107, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .content-textarea {
  width: 100%;
  border: 1px solid #222222;
  border-radius: 4px;
  height: 100px;
  resize: vertical;
  box-sizing: border-box;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 14px;
  line-height: 22px;
  padding: 16px;
}

/* line 120, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .price-field {
  display: flex;
  align-items: flex-end;
  width: 100%;
  gap: 8px;
}

/* line 125, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .price-field input {
  width: 90px;
  padding: 8px;
  border: 1px solid #222222;
  border-radius: 4px;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
}

/* line 133, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .price-field p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
}

/* line 138, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .field .price-field-note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-size: 10px;
  margin-top: 4px;
}

/* line 145, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form #remaining-characters {
  font-size: 12px;
  padding-top: 2px;
  margin: 0;
  font-weight: normal;
  text-align: right;
}

/* line 151, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form #remaining-characters .text-counter {
  color: #00b900;
  font-weight: bold;
}

/* line 154, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form #remaining-characters .text-counter.length-alert {
  color: #BC2A21;
  font-weight: bold;
}

/* line 161, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .actions {
  margin-top: 32px;
}

/* line 164, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section form .actions .button {
  margin-top: 20px;
  cursor: pointer;
}

/* line 171, packs/business/app/assets/stylesheets/business_menu_items/new.scss */
.business-menu-items-new main section.menu-item-form-section .button.back {
  margin-top: 20px;
}

/* line 2, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main {
  min-height: 40vh;
}

/* line 5, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 5, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
  .business-menu-items-select .main section {
    max-width: 415px;
  }
}

/* line 13, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 20, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drinks-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* line 25, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drinks-list a {
  width: 100%;
  text-decoration: none;
}

/* line 31, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drink-item {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 35, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drink-item:hover {
  opacity: 0.8;
}

/* line 40, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drink-image {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
  margin-bottom: 8px;
}

/* line 48, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drink-info .name {
  font-size: 16px;
  font-weight: bold;
}

/* line 53, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .packaged-drink-info .brewery-name {
  font-size: 14px;
  color: #666;
  margin-bottom: 4px;
}

/* line 60, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .no-items-message {
  font-size: 16px;
  color: #666;
  margin-top: 20px;
}

/* line 66, packs/business/app/assets/stylesheets/business_menu_items/select.scss */
.business-menu-items-select .main section.packaged-drinks-list-section .button {
  width: 100%;
  margin-top: 32px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
  .business-wholesale-arrival-date-edit main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .note {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #474d50;
  font-size: 12px;
  line-height: 17px;
}

/* line 28, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .spacer {
  height: 20px;
}

/* line 31, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 36, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-container {
  width: 100%;
  display: flex;
  margin-bottom: 40px;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-wrapper {
  position: relative;
  border: 1px solid #474d50;
  border-radius: 4px;
  padding: 1px;
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-wrapper.date {
  flex: 1 1 60%;
  margin-right: 16px;
  max-width: 320px;
}

/* line 51, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-wrapper.time-width {
  flex: 1 1 40%;
  max-width: 160px;
}

/* line 55, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-wrapper .select-box {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  width: 100%;
  height: 36px;
  padding: 8px;
  color: #474d50;
  background-color: none;
  border: none;
  font-size: 12px;
  line-height: 17px;
}

/* line 66, packs/business/app/assets/stylesheets/wholesale/arrival_date_edit.scss */
.business-wholesale-arrival-date-edit main section .select-wrapper .triangle {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #474d50;
  position: absolute;
  top: 16px;
  right: 14px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
  .billing_group-select main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info {
  margin: 40px auto;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 90%;
  max-width: 415px;
  background-color: #f2f2f2;
  padding: 18px;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 2px solid #C7CDCE;
}

/* line 35, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content:hover {
  border: 2px solid #D8864E;
}

/* line 38, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .business_group-label-name {
  display: flex;
  gap: 10px;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .business_group-label-name .group_type-label {
  display: flex;
  align-items: center;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  height: 24px;
  padding: 0 10px;
  border-radius: 2px;
}

/* line 50, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .business_group-label-name .group_type-label.orange {
  background-color: #E8A519;
}

/* line 53, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .business_group-label-name .group_type-label.blue_gray {
  background-color: #566774;
}

/* line 57, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .business_group-label-name h3 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 12px;
}

/* line 65, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .address {
  margin-bottom: 12px;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .address.other {
  margin: 12px 0;
}

/* line 70, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 77, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .email {
  font-size: 12px;
  line-height: normal;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.group-info .content .email .label {
  font-size: 10px;
}

/* line 86, packs/business/app/assets/stylesheets/wholesale/billiing_group_select.scss */
.billing_group-select main section.button-section {
  display: grid;
  margin: 0 auto 67px;
  gap: 20px;
  width: 90%;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index {
  display: flex;
  flex-direction: column;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section {
  width: 90%;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 7, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
  .wholesale-cart_items-index main section {
    max-width: 415px;
  }
}

/* line 13, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* line 20, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section .empty-text {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
}

/* line 25, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section {
  margin: 40px auto 0;
}

/* line 28, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text {
  font-weight: 700;
}

/* line 30, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text.cart-info {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  margin-bottom: 12px;
  border-radius: 4px;
  background-color: #f2f2f2;
}

/* line 37, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text.cart-info .price {
  font-size: clamp(14px, 4.27vw, 16px);
  line-height: 24px;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text.cart-info .amount {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #474d50;
}

/* line 48, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text.info {
  font-size: clamp(12px, 3.73vw, 14px);
  line-height: normal;
  color: #D8864E;
}

/* line 52, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.subtotal-section .content .text.info .limit_count {
  color: #BC2A21;
}

/* line 59, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section {
  margin: 60px auto 40px;
}

/* line 61, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content {
  margin-bottom: 20px;
}

/* line 63, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main,
.wholesale-cart_items-index main section.cart-section .content .item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

/* line 69, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main {
  min-height: 70px;
  margin-bottom: 12px;
}

/* line 72, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .image-container,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .image-container {
  width: 22%;
}

/* line 74, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .image-container .image,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .image-container .image {
  width: 100%;
}

/* line 78, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .detail,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .detail {
  width: 61%;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .detail .text,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .detail .text {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 1px;
  color: #474d50;
}

/* line 85, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .detail .alert,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .detail .alert {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-top: 4px;
  color: #BC2A21;
}

/* line 90, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .detail .name,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .detail .name {
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: 700;
  line-height: normal;
}

/* line 96, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-main .price,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-main .price {
  width: 17%;
  text-align: right;
  font-size: clamp(12px, 3.73vw, 14px);
  font-weight: 700;
}

/* line 103, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer {
  height: 33px;
}

/* line 105, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .select-container,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .select-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
}

/* line 112, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .select-container .select,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .select-container .select {
  padding: 6px 12px;
  width: 84px;
  height: 33px;
  font-size: 14px;
  color: #222222;
  background-color: #ffffff;
  border: 1px solid #474d50;
  border-radius: 4px;
}

/* line 122, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .select-container .triangle,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .select-container .triangle {
  position: absolute;
  top: 13px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #474d50;
  pointer-events: none;
}

/* line 134, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .select-container.alert .select,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .select-container.alert .select {
  border: 1px solid #BC2A21;
  color: #BC2A21;
}

/* line 138, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .select-container.alert .triangle,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .select-container.alert .triangle {
  border-top: 8px solid #BC2A21;
}

/* line 143, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .delete-button,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .delete-button {
  padding: 0;
  margin: 0 8px;
  height: 17px;
  font-size: 12px;
  font-weight: 700;
  border: none;
  border-bottom: 1px solid #474d50;
  border-radius: 0;
  color: #474d50;
  background-color: transparent;
}

/* line 154, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.cart-section .content .item-main.item-footer .delete-button:hover,
.wholesale-cart_items-index main section.cart-section .content .item-footer.item-footer .delete-button:hover {
  border: none;
  cursor: pointer;
}

/* line 163, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.button-section {
  display: grid;
  margin: 0 auto 67px;
  gap: 20px;
  width: 90%;
}

/* line 168, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.button-section .progress-button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  width: 100%;
  font-size: 12px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 22px;
  color: #ffffff;
  box-sizing: border-box;
  border: 2px solid #D8864E;
  background-color: #D8864E;
  user-select: none;
  -webkit-user-select: none;
}

/* line 184, packs/business/app/assets/stylesheets/wholesale/cart_items_index.scss */
.wholesale-cart_items-index main section.button-section .progress-button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main {
  margin-bottom: 40px;
}

/* line 9, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .favorite-items-header {
  margin: 20px auto;
  width: 90%;
}

/* line 12, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .favorite-items-header .title {
  font-size: 16px;
  font-weight: 700;
  color: #222222;
  text-align: left;
}

/* line 19, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 40px 35px;
  width: 90%;
  margin: 0 auto;
}

@media all and (max-width: 594px) {
  /* line 19, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
  .wholesale_favorite_items-index .main .item-list-section {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 40px 15px;
  }
}

/* line 29, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

/* line 34, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .image-container {
  position: relative;
}

/* line 37, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 60, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 65, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .main-content {
  margin: 8px 0;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 72, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .main-content .item-name {
  font-size: clamp(14px, 3.73vw, 16px);
  line-height: 18px;
  margin-bottom: 4px;
}

/* line 78, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details {
  margin-bottom: 8px;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details .item-detail {
  font-size: clamp(8px, 2.67vw, 10px);
  line-height: 14px;
  margin-bottom: 4px;
  color: #474d50;
}

/* line 86, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details .review {
  display: flex;
  gap: 4px;
  margin: 4px 0;
  align-items: center;
}

/* line 91, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details .review .rate {
  font-size: clamp(10px, 3.2vw, 12px);
}

/* line 93, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details .review .rate.non {
  color: #C7CDCE;
}

/* line 98, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .item-details .text {
  font-size: clamp(12px, 3.2vw, 15px);
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 105, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .selling-price {
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: bold;
  line-height: 1.3;
}

/* line 109, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .selling-price.sold_out {
  color: #BC2A21;
}

/* line 111, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .selling-price.sold_out .past-price {
  font-size: 10px;
}

/* line 116, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 6px;
  margin: 12px 0;
}

/* line 121, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .tags .tag {
  border: 1px solid #474d50;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 126, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .tags .tag.emphasized {
  background-color: #E8A519;
  border: 1px solid #E8A519;
}

/* line 129, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .tags .tag.emphasized .name {
  color: #ffffff;
}

/* line 133, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .tags .tag .name {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: #474d50;
}

/* line 142, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .bottom-actions {
  margin-top: auto;
}

/* line 144, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .bottom-actions .favorite-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 8px;
}

/* line 151, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .bottom-actions .favorite-container .favorite-form .favorite-button {
  min-width: 27px;
  min-height: 27px;
}

/* line 154, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .item-list-section .item-container .bottom-actions .favorite-container .favorite-form .favorite-button img {
  width: 27px;
  height: 27px;
}

/* line 164, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main .preparation-text {
  width: 90%;
  margin: 0 auto 40px;
  margin-top: 20px;
}

/* line 169, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

/* line 173, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav .pagination {
  align-items: center;
  overflow: hidden;
  border: 1px solid #474d50;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  height: 44px;
  width: 300px;
}

/* line 182, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav .pagination .page-item {
  border-left: 1px solid #474d50;
  flex: 1;
  font-size: 12px;
  margin-left: -1px;
  height: 100%;
}

/* line 188, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav .pagination .page-item a {
  color: #474d50;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

/* line 196, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav .pagination .page-item.active {
  background: #566774;
}

/* line 198, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .main nav .pagination .page-item.active a {
  color: #ffffff;
}

/* line 206, packs/business/app/assets/stylesheets/wholesale/favorite_items_index.scss */
.wholesale_favorite_items-index .floating-wrapper {
  z-index: 9998;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 16px 24px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main {
  margin-bottom: 40px;
}

/* line 9, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(300px, 450px));
  gap: 40px;
  justify-content: center;
  width: 90%;
  margin: 20px auto 0;
}

/* line 16, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .image {
  width: 100%;
  margin: 0 auto;
  max-width: 650px;
  background-color: #f2f2f2;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .feature-detail {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 650px;
}

/* line 27, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .feature-detail .title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  white-space: pre-wrap;
}

/* line 33, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .feature-detail .content {
  font-size: 14px;
  line-height: normal;
  white-space: pre-wrap;
  word-break: break-all;
}

/* line 38, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .feature-detail .content .link {
  color: #D8864E;
  border-bottom: 1px solid #D8864E;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .wholesale_feature-section .feature-detail .content .link:hover {
  color: #C7CDCE;
  border-bottom: 1px solid #C7CDCE;
}

@media all and (max-width: 749px) {
  /* line 22, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .main .wholesale_feature-section .feature-detail {
    width: 90%;
    margin: 0 auto;
  }
  /* line 50, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .main .wholesale_feature-section .feature-detail .title {
    line-height: 1.4;
    color: #222222;
    font-size: 20px;
    font-weight: 700;
  }
}

@media all and (max-width: 749px) {
  /* line 9, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .main .wholesale_feature-section {
    grid-template-columns: 1fr;
    width: 100%;
    margin: 0 auto;
  }
}

/* line 64, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 40px 35px;
  width: 90%;
  margin: 32px auto 0;
}

@media all and (max-width: 594px) {
  /* line 64, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .main .item-list-section {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 40px 15px;
  }
}

/* line 74, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

/* line 79, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .image-container {
  position: relative;
}

/* line 82, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 91, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 105, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 110, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .main-content {
  margin: 8px 0;
}

/* line 112, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 117, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .main-content .item-name {
  font-size: clamp(14px, 3.73vw, 16px);
  line-height: 18px;
  margin-bottom: 4px;
}

/* line 123, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details {
  margin-bottom: 8px;
}

/* line 125, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details .item-detail {
  font-size: clamp(8px, 2.67vw, 10px);
  line-height: 14px;
  margin-bottom: 4px;
  color: #474d50;
}

/* line 131, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details .review {
  display: flex;
  gap: 4px;
  margin: 4px 0;
  align-items: center;
}

/* line 136, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details .review .rate {
  font-size: clamp(10px, 3.2vw, 12px);
}

/* line 138, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details .review .rate.non {
  color: #C7CDCE;
}

/* line 143, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .item-details .text {
  font-size: clamp(12px, 3.2vw, 15px);
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 151, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .selection-reason-container .selection-reason-title {
  margin-bottom: 4px;
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: bold;
  color: #474d50;
}

/* line 157, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .selection-reason-container .selection-reason {
  margin-bottom: 12px;
  font-size: clamp(10px, 3.2vw, 12px);
  line-height: 1.3;
  color: #474d50;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 166, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .selling-price {
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: bold;
  line-height: 1.3;
}

/* line 170, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .selling-price.sold_out {
  color: #BC2A21;
}

/* line 172, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .selling-price.sold_out .past-price {
  font-size: 10px;
}

/* line 177, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .bottom-actions {
  margin-top: auto;
}

/* line 179, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .bottom-actions .favorite-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 8px;
}

/* line 186, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .bottom-actions .favorite-container .favorite-form .favorite-button {
  min-width: 27px;
  min-height: 27px;
}

/* line 189, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .item-list-section .item-container .bottom-actions .favorite-container .favorite-form .favorite-button img {
  width: 27px;
  height: 27px;
}

/* line 199, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .button-section {
  margin: 50px auto 60px;
  width: 90%;
  max-width: 400px;
}

/* line 204, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .share-wholesale_feature-section {
  margin: 90px auto 60px;
}

/* line 207, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .share-search-form-section {
  margin: 0 auto;
  width: 90%;
  max-width: 550px;
}

/* line 212, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .share-review_ranking-section {
  margin: 40px auto 0;
  width: 90%;
  min-width: 320px;
}

/* line 217, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .share-tag-section {
  margin: 32px auto 0;
  width: 90%;
  min-width: 320px;
}

/* line 222, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .share-wholesale_feature-section {
  width: 100%;
}

/* line 225, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart {
  align-items: center;
  margin-top: auto;
  padding: 8px 0;
  width: 100%;
  background-color: #C7CDCE;
  border: 1px solid #C7CDCE;
  border-radius: 21px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 235, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart.active {
  background-color: #566774;
  border: 1px solid #566774;
}

/* line 238, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart.active .text {
  color: #ffffff;
}

/* line 241, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart.active:hover {
  background-color: #ffffff;
  cursor: pointer;
}

/* line 244, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart.active:hover .text {
  color: #566774;
}

/* line 249, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .main .all-item-add-cart .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

/* line 258, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .floating-wrapper {
  z-index: 9998;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 16px 24px;
}

/* line 265, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay {
  opacity: 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

/* line 275, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay.active {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: auto;
}

/* line 282, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay.inactive {
  -webkit-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 285, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  width: 295px;
  padding: 24px 20px;
  border-radius: 23px;
  background-color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
}

/* line 299, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window.active {
  display: block;
}

/* line 302, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .cancel-button {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 10px;
  color: #ffffff;
  background-color: #BC2A21;
  border: solid 1px #BC2A21;
}

/* line 315, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .cancel-button:hover {
  color: #BC2A21;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 321, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .text-row {
  margin-bottom: 20px;
}

/* line 323, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .text-row .title {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

/* line 330, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .text-row .content {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #474d50;
}

/* line 337, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .text-row .brand-name {
  margin-bottom: 4px;
  font-size: 10px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 337, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .modal-overlay .modal-window .text-row .brand-name {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 345, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .text-row .item-name {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}

@media all and (max-width: 374px) {
  /* line 345, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
  .wholesale_features-show .modal-overlay .modal-window .text-row .item-name {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 355, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

/* line 360, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .text {
  font-size: 16px;
}

/* line 363, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .select-container {
  display: flex;
}

/* line 365, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .select-container .select-col {
  position: relative;
}

/* line 367, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .select-container .select-col .select {
  padding: 6px 12px;
  width: 84px;
  height: 33px;
  font-size: 14px;
  color: #222222;
  background-color: #ffffff;
  border: 1px solid #474d50;
  border-radius: 4px;
}

/* line 377, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .select-container .select-col .triangle {
  position: absolute;
  top: 13px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #474d50;
  pointer-events: none;
}

/* line 389, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .select-row .select-container .unit-text {
  margin: auto 3px;
  font-size: 13px;
  color: #474d50;
}

/* line 396, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .primary-button {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #D8864E;
  border: none;
}

/* line 405, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .primary-button:hover {
  cursor: pointer;
}

/* line 409, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .alert-text-row {
  display: none;
}

/* line 411, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .alert-text-row.active {
  display: block;
}

/* line 414, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .alert-text-row .text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  font-size: 10px;
  color: #222222;
}

/* line 421, packs/business/app/assets/stylesheets/wholesale/features_show.scss */
.wholesale_features-show .modal-overlay .modal-window .alert-text-row .text.red {
  color: #BC2A21;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main {
  width: 90%;
  margin: 0 auto 40px;
}

/* line 10, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .review-average {
  font-size: 12px;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 20px;
  padding: 11px 0px;
  padding-left: calc((91.1vw - 90%) / 2);
  width: 105.5%;
  background: #f2f2f2;
}

@media all and (max-width: 374px) {
  /* line 10, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
  .wholesale-items_index .main .review-average {
    font-size: clamp(10px, 3.2vw, 12px);
  }
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row {
  display: flex;
  width: 100%;
  gap: 10px;
}

/* line 28, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .search-container {
  position: relative;
  display: flex;
  width: 100%;
}

/* line 32, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .search-container .keyword {
  width: 100%;
  height: 40px;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #474d50;
  background-image: url(/assets/search-6a1643cb166bad6ba917e5e5cbac3a5fd0e2cf162d7c8e3bc20738fe258d77fb.png);
  background-position: left 12px center;
  background-repeat: no-repeat;
  background-size: 17px 18px;
  padding-left: 40px;
}

/* line 44, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .search-container .search-button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 40px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background-color: #474d50;
  border: 1px solid #474d50;
  border-radius: 0px 4px 4px 0px;
  box-sizing: border-box;
}

@media all and (max-width: 419px) {
  /* line 44, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
  .wholesale-items_index .main .search-form-section .search-form .search-items-row .search-container .search-button {
    display: none;
  }
}

/* line 61, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .search-container .search-button:hover {
  cursor: pointer;
  color: #474d50;
  background-color: #f2f2f2;
}

/* line 68, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 97px;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #474d50;
  color: #474d50;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* line 81, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down svg path {
  fill: #474d50;
}

/* line 84, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down svg,
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down .text {
  margin: auto 0;
}

/* line 87, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down svg.text,
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down .text.text {
  white-space: nowrap;
}

/* line 91, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active {
  background-color: #D8864E;
  border: 1px solid #C7CDCE;
}

/* line 94, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active .text {
  color: #ffffff;
}

/* line 97, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active svg path {
  fill: #ffffff;
}

/* line 100, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active:hover {
  background-color: #f2f2f2;
  border: 1px solid #D8864E;
  cursor: pointer;
}

/* line 104, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active:hover .text {
  color: #474d50;
}

/* line 107, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down.active:hover svg path {
  fill: #474d50;
}

/* line 112, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .narrow_down:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* line 117, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .exclude-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 121, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .exclude-tags.exclude-tags:has(.tag) {
  margin-top: 16px;
}

/* line 124, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .exclude-tags .tag {
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 700;
  color: #474d50;
  background-color: #ffffff;
  line-height: normal;
  border: 1px solid #474d50;
  border-radius: 12px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 135, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .exclude-tags .tag:hover {
  color: #D8864E;
  border: 1px solid #D8864E;
  cursor: pointer;
}

/* line 142, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .select-wrapper {
  width: 100%;
  margin-top: 20px;
  position: relative;
}

/* line 146, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .select-wrapper .select {
  width: 100%;
  height: 34px;
  font-size: 12px;
  padding: 0 37px;
  color: #222222;
  background-color: #f2f2f2;
  border: none;
}

/* line 155, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .search-form-section .search-form .search-items-row .select-wrapper .icon {
  position: absolute;
  top: 7px;
  left: 12px;
}

/* line 164, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .preparation-text {
  margin-top: 20px;
}

/* line 167, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 40px 35px;
  margin-top: 20px;
}

@media all and (max-width: 594px) {
  /* line 167, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
  .wholesale-items_index .main .wholesale-list-section {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 40px 15px;
  }
}

/* line 176, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container {
  width: 100%;
}

/* line 178, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .image-container {
  position: relative;
}

/* line 181, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 190, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 204, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 209, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .main-content {
  margin: 8px 0;
}

/* line 211, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 216, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .main-content .item-name {
  font-size: clamp(14px, 3.73vw, 16px);
  line-height: 18px;
  margin-bottom: 4px;
}

/* line 222, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details {
  margin-bottom: 8px;
}

/* line 224, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details .item-detail {
  font-size: clamp(8px, 2.67vw, 10px);
  line-height: 14px;
  margin-bottom: 4px;
  color: #474d50;
}

/* line 230, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details .review {
  display: flex;
  gap: 4px;
  margin: 4px 0;
  align-items: center;
}

/* line 235, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details .review .rate {
  font-size: clamp(10px, 3.2vw, 12px);
}

/* line 237, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details .review .rate.non {
  color: #C7CDCE;
}

/* line 242, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .item-details .wholesale-text {
  font-size: clamp(12px, 3.2vw, 15px);
  line-height: 18px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 249, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .selling-price {
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: bold;
  line-height: 1.3;
}

/* line 253, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .selling-price.sold_out {
  color: #BC2A21;
}

/* line 255, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .wholesale-item-container .selling-price.sold_out .past-price {
  font-size: 10px;
}

/* line 261, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 6px;
  margin-top: 12px;
  margin-bottom: 6px;
}

/* line 267, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .tags .tag {
  border: 1px solid #474d50;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 272, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .tags .tag.emphasized {
  background-color: #E8A519;
  border: 1px solid #E8A519;
}

/* line 275, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .tags .tag.emphasized .name {
  color: #ffffff;
}

/* line 279, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .tags .tag .name {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: #474d50;
}

/* line 288, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .favorite-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}

/* line 294, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .favorite-container .favorite-form .favorite-button {
  min-width: 27px;
  min-height: 27px;
}

/* line 297, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main .wholesale-list-section .favorite-container .favorite-form .favorite-button img {
  width: 27px;
  height: 27px;
}

/* line 305, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

/* line 309, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav .pagination {
  align-items: center;
  overflow: hidden;
  border: 1px solid #474d50;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  height: 44px;
  width: 300px;
}

/* line 318, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav .pagination .page-item {
  border-left: 1px solid #474d50;
  flex: 1;
  font-size: 12px;
  margin-left: -1px;
  height: 100%;
}

/* line 324, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav .pagination .page-item a {
  color: #474d50;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

/* line 332, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav .pagination .page-item.active {
  background: #566774;
}

/* line 334, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .main nav .pagination .page-item.active a {
  color: #ffffff;
}

/* line 342, packs/business/app/assets/stylesheets/wholesale/items_index.scss */
.wholesale-items_index .floating-wrapper {
  z-index: 9998;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 16px 24px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main {
  width: 90%;
  margin: 0 auto 40px;
}

/* line 10, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .review-average {
  font-size: 12px;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 58px;
  padding: 11px 0px;
  padding-left: calc((91.1vw - 90%) / 2);
  width: 105.5%;
  background: #f2f2f2;
}

@media all and (max-width: 374px) {
  /* line 10, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .review-average {
    font-size: clamp(10px, 3.2vw, 12px);
  }
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(330px, 400px));
  gap: 56px;
  justify-content: center;
}

@media all and (max-width: 749px) {
  /* line 22, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content {
    grid-template-columns: 1fr;
    gap: 0px;
  }
}

/* line 32, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section {
  z-index: 9998;
  position: sticky;
  top: 188px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 38, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container {
  position: relative;
}

@media all and (max-width: 749px) {
  /* line 38, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .left-col .image-section .image-container {
    display: none;
  }
}

/* line 44, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 53, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 71, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .favorite-container {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

/* line 75, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .favorite-container .favorite-form {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background-color: #ffffff;
  opacity: 0.6;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* line 83, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .favorite-container .favorite-form .favorite-button {
  display: grid;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 44px;
  height: 44px;
  position: relative;
}

/* line 91, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .favorite-container .favorite-form .favorite-button img {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 30px;
  height: 30px;
}

/* line 98, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .image-container .favorite-container .favorite-form .favorite-button:hover {
  transform: none;
}

/* line 105, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 40px auto 0;
  width: 330px;
}

@media all and (max-width: 749px) {
  /* line 105, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .left-col .image-section .cart-section {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin-top: 0;
  }
}

@media all and (max-width: 374px) {
  /* line 105, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .left-col .image-section .cart-section {
    gap: 10px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}

/* line 126, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup {
  position: absolute;
  left: 0;
  bottom: 65px;
  right: 20px;
  margin: 0 auto;
  display: none;
  width: 100%;
  max-width: 180px;
  height: 30px;
  border: 2px solid #D8864E;
  border-radius: 6px;
  background-color: #DAD8A0;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}

/* line 142, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup::after, .wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  left: 85%;
  border: solid transparent;
}

/* line 151, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup::after {
  border-color: rgba(218, 216, 160, 0);
  border-top-color: #DAD8A0;
  border-width: 9px;
  margin-left: -9px;
}

/* line 157, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup::before {
  border-color: rgba(216, 134, 78, 0);
  border-top-color: #D8864E;
  border-width: 12px;
  margin-left: -12px;
}

/* line 163, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup.active {
  display: block;
}

/* line 166, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup .text {
  font-size: 12px;
  line-height: 30px;
  color: #474d50;
  white-space: nowrap;
}

/* line 172, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup.add-cart-fade-in {
  animation: item-show-add-cart-fadeIn 0.7s ease-in-out;
}

/* line 175, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart-popup.add-cart-fade-out {
  animation: item-show-add-cart-fadeOut 0.7s ease-in-out;
}

/* line 179, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart {
  display: flex;
  align-items: center;
  height: 42px;
  width: 260px;
  padding: 3px;
  font-weight: 700;
  background-color: #D8864E;
  border-radius: 25px;
}

/* line 188, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart .price {
  width: 29%;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}

@media all and (max-width: 374px) {
  /* line 188, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart .price {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 197, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart .text {
  width: 71%;
  height: 42px;
  font-size: 12px;
  line-height: 42px;
  text-align: center;
  color: #D8864E;
  background-color: #ffffff;
  border-radius: 21px;
}

@media all and (max-width: 374px) {
  /* line 197, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart .text {
    font-size: clamp(9px, 3.2vw, 12px);
  }
}

/* line 210, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .add-cart:hover {
  cursor: pointer;
}

/* line 214, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .share-request_restock-section {
  margin: 0;
  width: 260px;
}

/* line 218, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .share-request_restock-section .request-form .request-button {
  height: 42px;
}

/* line 222, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .left-col .image-section .cart-section .share-request_restock-section .text-popup {
  bottom: 55px;
}

/* line 229, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 335px;
}

@media all and (max-width: 749px) {
  /* line 229, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col {
    max-width: 709px;
  }
}

/* line 238, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .brand-name {
  font-size: 10px;
  margin-bottom: 4px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 238, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-info-section .brand-name {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 246, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .item-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 140%;
}

@media all and (max-width: 374px) {
  /* line 246, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-info-section .item-name {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 255, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .review {
  display: flex;
  gap: 4px;
  margin-bottom: 8px;
  align-items: center;
}

/* line 260, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .review .rate {
  font-size: 12px;
}

@media all and (max-width: 374px) {
  /* line 260, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-info-section .review .rate {
    font-size: clamp(10px, 3.2vw, 12px);
  }
}

/* line 265, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .review .rate.non {
  color: #C7CDCE;
}

/* line 270, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container {
  position: relative;
  display: none;
}

@media all and (max-width: 749px) {
  /* line 270, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container {
    display: block;
  }
}

/* line 277, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 286, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 300, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 304, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .favorite-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 42px;
  height: 42px;
}

/* line 311, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .favorite-container .favorite-form .favorite-button {
  display: grid;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: relative;
}

/* line 320, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .favorite-container .favorite-form .favorite-button::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: #ffffff;
  opacity: 0.6;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 335, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .favorite-container .favorite-form .favorite-button img {
  width: 22px;
  height: 22px;
  position: relative;
  z-index: 1;
}

/* line 341, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-info-section .image-container .favorite-container .favorite-form .favorite-button:hover {
  transform: none;
}

/* line 349, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section {
  display: flex;
  flex-flow: column;
  gap: 4px;
  font-size: 12px;
}

@media all and (max-width: 374px) {
  /* line 349, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .drink-info-section {
    font-size: clamp(10px, 3.2vw, 12px);
  }
}

/* line 357, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .info {
  display: flex;
  gap: 6px;
}

/* line 361, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

/* line 366, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .tags .tag {
  border: 1px solid #474d50;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 371, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .tags .tag.emphasized {
  background-color: #E8A519;
  border: 1px solid #E8A519;
}

/* line 374, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .tags .tag.emphasized .name {
  color: #ffffff;
}

/* line 378, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .drink-info-section .tags .tag .name {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: #474d50;
}

/* line 389, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .info {
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 8px;
  color: #BC2A21;
}

@media all and (max-width: 374px) {
  /* line 389, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .info {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 399, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs {
  display: flex;
  list-style: none;
  margin-bottom: 20px;
  border-bottom: 1px solid #C7CDCE;
}

/* line 404, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab {
  min-width: 58px;
  height: 36px;
  margin-bottom: -1px;
  margin-left: -1px;
  border-top: 1px solid #C7CDCE;
  border-right: 1px solid #C7CDCE;
  user-select: none;
  -webkit-user-select: none;
}

/* line 413, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab .text {
  font-size: 14px;
  padding: 0 12px;
  line-height: 33px;
  text-align: center;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 413, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab .text {
    font-size: clamp(13px, 3.73vw, 14px);
  }
}

/* line 422, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab .text.active {
  font-weight: 700;
  color: #ffffff;
}

/* line 427, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab:first-child {
  border-left: 1px solid #C7CDCE;
}

/* line 430, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab.active {
  background-color: #E1C256;
  border: 1px solid #E1C256;
  border-bottom: none;
}

/* line 435, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .item-switching-tabs .item-switching-tab:hover {
  cursor: pointer;
}

/* line 440, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text {
  margin-bottom: 20px;
  padding: 12px 16px;
  background-color: #f2f2f2;
}

/* line 444, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text.for-sale {
  background-color: #BC2A21;
}

/* line 447, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}

@media all and (max-width: 374px) {
  /* line 447, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .title {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 454, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .title.for-sale {
  color: #ffffff;
}

/* line 458, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .content {
  font-size: 12px;
  line-height: 20px;
  white-space: pre-wrap;
  word-break: break-word;
}

@media all and (max-width: 375px) {
  /* line 458, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .content {
    font-size: clamp(10px, 3.2vw, 12px);
  }
}

/* line 466, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .wholesale_text .content.for-sale {
  color: #ffffff;
}

/* line 471, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

/* line 475, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .title {
  font-size: 14px;
  line-height: 20px;
}

@media all and (max-width: 374px) {
  /* line 475, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .title {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 482, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price {
  font-size: 20px;
  font-weight: 700;
}

@media all and (max-width: 374px) {
  /* line 482, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price {
    font-size: clamp(18px, 5.33vw, 20px);
  }
}

/* line 488, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price.for-sale, .wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price.sold_out {
  color: #BC2A21;
  text-align: right;
}

/* line 492, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price.for-sale .past-price, .wholesale-items_show .main .main-content .right-col .wholesale-price-section .price .wholesale-price.sold_out .past-price {
  font-size: 13px;
}

/* line 498, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .line {
  margin: 8px 0;
  border-top: 1px solid #C7CDCE;
}

/* line 502, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .reference_price-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 4px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 502, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .reference_price-title {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 512, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .offer_selling_price {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
}

@media all and (max-width: 374px) {
  /* line 512, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .offer_selling_price {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 520, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .offer_selling_price .title {
  color: #474d50;
}

/* line 523, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .offer_selling_price .wholesale-retail-price {
  color: #474d50;
}

/* line 527, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .wholesale-price-section .price-info {
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
  margin-top: 8px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 527, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .wholesale-price-section .price-info {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 540, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section.drink {
  margin-top: 40px;
}

/* line 543, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media all and (max-width: 374px) {
  /* line 543, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .brewery_content-section .title {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 551, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .image {
  width: 100%;
  margin-bottom: 16px;
}

/* line 555, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 20px;
}

/* line 561, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .info {
  font-weight: 700;
  line-height: normal;
}

/* line 564, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .info .location_name {
  font-size: 14px;
  margin-bottom: 4px;
}

@media all and (max-width: 374px) {
  /* line 564, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .info .location_name {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

/* line 571, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .info .name {
  font-size: 16px;
}

@media all and (max-width: 374px) {
  /* line 571, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .info .name {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 578, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .brand-header .logo {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  border: 1px solid #222222;
}

/* line 585, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .section_title {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin: 16.5px 0px;
}

@media all and (max-width: 374px) {
  /* line 585, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .brewery_content-section .section_title {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 594, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
.wholesale-items_show .main .main-content .right-col .brewery_content-section .content {
  font-size: 14px;
  line-height: 23px;
  white-space: pre-wrap;
  margin-bottom: 20px;
}

@media all and (max-width: 374px) {
  /* line 594, packs/business/app/assets/stylesheets/wholesale/items_show.scss */
  .wholesale-items_show .main .main-content .right-col .brewery_content-section .content {
    font-size: clamp(12px, 3.73vw, 14px);
  }
}

@keyframes item-show-add-cart-fadeIn {
  0% {
    opacity: 0;
    bottom: 55px;
  }
  100% {
    opacity: 1;
    bottom: 65px;
  }
}

@keyframes item-show-add-cart-fadeOut {
  0% {
    opacity: 1;
    bottom: 65px;
  }
  100% {
    opacity: 0;
    bottom: 55px;
  }
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section {
  width: 90%;
  margin: 40px auto 60px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
  .business-wholesale-order-confirm main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .spacer {
  height: 20px;
}

/* line 25, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .divider {
  width: 100%;
  height: 1px;
  background-color: #C7CDCE;
}

/* line 30, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .button-wrapper {
  display: grid;
  gap: 20px;
}

/* line 33, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .button-wrapper .form-submit-button {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 12px;
  border-radius: 22px;
  width: 100%;
  height: 40px;
  line-height: 20px;
  color: #ffffff;
  box-sizing: border-box;
}

/* line 42, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .button-wrapper .form-submit-button.form-submit-button {
  display: block;
  background-color: #D8864E;
  border: 2px solid #D8864E;
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .button-wrapper .form-submit-button.form-submit-button:disabled {
  background-color: #C7CDCE;
  border: 2px solid #C7CDCE;
}

/* line 50, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .button-wrapper .form-submit-button.form-submit-button:hover {
  background-color: #ffffff;
  color: #D8864E;
  border: 2px solid #D8864E;
  cursor: pointer;
}

/* line 60, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .order-form .address-title {
  display: flex;
  width: 56px;
  height: 21px;
  align-items: center;
  justify-content: center;
  background-color: #f2f2f2;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 12px;
  margin-bottom: 4px;
}

/* line 73, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .order-form .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .order-form .email {
  padding-top: 8px;
}

/* line 82, packs/business/app/assets/stylesheets/wholesale/order_confirm.scss */
.business-wholesale-order-confirm main section .order-form .email p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 10px;
  line-height: 16px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select {
  display: flex;
  flex-direction: column;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main {
  margin-bottom: 80px;
}

/* line 8, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section {
  width: 90%;
  margin: 40px auto 20px;
  background-color: #ffffff;
}

@media screen and (min-width: 415px) {
  /* line 8, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
  .shipping_group-select main section {
    max-width: 415px;
  }
}

/* line 15, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section h2 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 20px;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info {
  margin: 40px auto;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 90%;
  max-width: 415px;
  background-color: #f2f2f2;
  padding: 18px;
  border-radius: 12px;
  margin-bottom: 20px;
  border: 2px solid #C7CDCE;
}

/* line 35, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content:hover {
  border: 2px solid #D8864E;
}

/* line 38, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .business_group-label-name {
  display: flex;
  gap: 10px;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .business_group-label-name .group_type-label {
  display: flex;
  align-items: center;
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  height: 24px;
  padding: 0 10px;
  border-radius: 2px;
}

/* line 50, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .business_group-label-name .group_type-label.orange {
  background-color: #E8A519;
}

/* line 53, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .business_group-label-name .group_type-label.blue_gray {
  background-color: #566774;
}

/* line 57, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .business_group-label-name h3 {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
  margin-bottom: 12px;
}

/* line 65, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .address {
  margin-bottom: 12px;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .address.other {
  margin: 12px 0;
}

/* line 70, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.group-info .content .address p {
  font-family: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 400;
  color: #222222;
  font-size: 14px;
  line-height: 20px;
}

/* line 79, packs/business/app/assets/stylesheets/wholesale/shipping_group_select.scss */
.shipping_group-select main section.button-section {
  display: grid;
  margin: 0 auto 67px;
  gap: 20px;
  width: 90%;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main {
  width: 100%;
  margin-bottom: 40px;
}

/* line 10, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main .thanks-text-section {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 100px auto 0;
  width: 90%;
  text-align: center;
}

/* line 17, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main .thanks-text-section .thanks-text {
  font-size: 20px;
  font-weight: 600;
}

/* line 21, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main .thanks-text-section .menu-guide-text {
  font-size: 14px;
  line-height: 16px;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main .thanks-text-section .menu-guide-text .alert {
  font-size: 11px;
  font-weight: 700;
  color: #BC2A21;
}

/* line 31, packs/business/app/assets/stylesheets/wholesale/thanks.scss */
.wholesale-thanks .main .button-section {
  margin: 20px auto 60px;
  width: 90%;
  max-width: 400px;
}

/* line 8, app/assets/stylesheets/vars.scss */
:root {
  --font-english: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-condensed: Barlow Condensed, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  --font-japanese: Noto Sans JP, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 7, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main {
  width: 100%;
  margin-bottom: 40px;
}

/* line 10, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .preparation-text {
  margin-top: 20px;
}

/* line 13, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area {
  width: 100%;
  margin: 0 auto;
  padding-top: 5px;
  background-color: #f2f2f2;
}

/* line 18, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section {
  margin: 24px auto 48px;
  width: 100%;
}

/* line 21, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .wholesale_features {
  margin-bottom: 12px;
  overflow: hidden;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .wholesale_features .slick-track {
  margin: auto 0;
}

/* line 26, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .wholesale_features .slick-track .slick-slide {
  margin: 0 20px;
}

/* line 29, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .wholesale_features .slick-track .slick-slide li img {
  width: 100%;
}

/* line 36, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 90%;
  margin: 0 auto;
}

/* line 42, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .dots {
  display: flex;
  align-items: center;
}

/* line 45, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .dots .slick-dots {
  bottom: 6px;
  text-align: left;
  width: 200px;
}

/* line 49, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .dots .slick-dots li {
  margin: 0 6px 0 0;
  width: 8px;
  height: 8px;
  background: #C7CDCE;
  border-radius: 50%;
}

/* line 55, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .dots .slick-dots li.slick-active {
  background: #D8864E;
}

/* line 58, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .dots .slick-dots li button {
  display: none;
}

/* line 64, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* line 68, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .prev-arrow,
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .next-arrow {
  display: block;
  padding: 5px 10px;
  font-size: 12px;
  background-color: #222222;
  text-align: center;
  cursor: pointer;
}

/* line 76, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .prev-arrow::before,
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .next-arrow::before {
  color: #ffffff;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .prev-arrow.prev-arrow::before,
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .next-arrow.prev-arrow::before {
  content: "← PREV";
}

/* line 85, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .prev-arrow.next-arrow::before,
.wholesale-top .main .background-color-area .wholesale_feature-slick-section .option-wrapper .arrows .next-arrow.next-arrow::before {
  content: "NEXT →";
}

/* line 93, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section,
.wholesale-top .main .background-color-area .previous-order-section {
  margin: 0 auto;
  width: 90%;
  min-width: 320px;
}

/* line 98, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section.favorite-items-section,
.wholesale-top .main .background-color-area .previous-order-section.favorite-items-section {
  padding-bottom: 50px;
}

/* line 101, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section.previous-order-section,
.wholesale-top .main .background-color-area .previous-order-section.previous-order-section {
  padding-bottom: 20px;
}

/* line 104, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .layering-header,
.wholesale-top .main .background-color-area .previous-order-section .layering-header {
  position: relative;
  margin-bottom: 28px;
}

/* line 107, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .layering-header .back,
.wholesale-top .main .background-color-area .previous-order-section .layering-header .back {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 60px;
  font-weight: 900;
  border-bottom: 1px solid #C7CDCE;
  letter-spacing: 2px;
  color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
}

/* line 117, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .layering-header .front,
.wholesale-top .main .background-color-area .previous-order-section .layering-header .front {
  position: absolute;
  left: 0;
  bottom: 7px;
}

/* line 121, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .layering-header .front .text,
.wholesale-top .main .background-color-area .previous-order-section .layering-header .front .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

/* line 125, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .layering-header .front .text.sub,
.wholesale-top .main .background-color-area .previous-order-section .layering-header .front .text.sub {
  font-size: 12px;
}

/* line 131, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .past-orders-link-wrapper,
.wholesale-top .main .background-color-area .previous-order-section .past-orders-link-wrapper {
  margin-top: 20px;
  text-align: left;
}

/* line 134, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .past-orders-link-wrapper .past-orders-link,
.wholesale-top .main .background-color-area .previous-order-section .past-orders-link-wrapper .past-orders-link {
  display: inline-block;
  padding: 3px 0;
  font-size: 14px;
  color: #566774;
  text-decoration: none;
  border-bottom: 1px solid #566774;
}

/* line 141, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .background-color-area .favorite-items-section .past-orders-link-wrapper .past-orders-link:hover,
.wholesale-top .main .background-color-area .previous-order-section .past-orders-link-wrapper .past-orders-link:hover {
  color: #D8864E;
  border-bottom-color: #D8864E;
}

/* line 149, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .slanting-header {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13.5vw), 0% 100%);
  height: 119px;
  background: #f2f2f2;
  z-index: 2;
}

/* line 155, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .slanting-header .text {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  position: absolute;
  left: calc(50% - 45vw);
  bottom: 18px;
  transform: rotate(-7.924deg);
  font-size: 60px;
  font-weight: 900;
  color: #222222;
  user-select: none;
  -webkit-user-select: none;
}

/* line 168, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .slanting-header-backcolor {
  position: relative;
  margin-top: -119px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13.5vw), 0% 100%);
  height: 120px;
  background: #C7CDCE;
  z-index: 1;
}

/* line 176, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .not-link-segmnet-section {
  margin: 0 auto;
  width: 90%;
}

/* line 180, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .new-wholesale_item-section {
  margin: -24px auto 0;
  width: 90%;
  min-width: 320px;
}

/* line 185, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .button-section {
  margin: 32px auto 60px;
  width: 90%;
  max-width: 400px;
}

/* line 190, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .share-wholesale_feature-section {
  margin: 24px auto 60px;
}

/* line 193, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .share-search-form-section {
  margin: 0 auto;
  width: 90%;
  max-width: 550px;
}

/* line 198, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .share-review_ranking-section {
  margin: 40px auto 0;
  width: 90%;
  min-width: 320px;
}

/* line 203, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .share-tag-section {
  margin: 32px auto 0;
  width: 90%;
  min-width: 320px;
}

/* line 208, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .share-wholesale_feature-section {
  width: 100%;
}

/* line 211, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items {
  display: flex;
  gap: 12px;
  margin-left: calc(50% - 50vw);
  padding-left: calc((91.1vw - 90%) / 2);
  width: 105.5%;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* line 219, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items::-webkit-scrollbar {
  display: none;
}

/* line 222, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 160px;
  min-width: 160px;
}

/* line 228, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item:last-child {
  margin-right: calc(58.4% - 50vw);
}

/* line 231, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .image-container {
  position: relative;
}

/* line 234, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .image-container.sold_out::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

/* line 243, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .image-container.sold_out::after {
  content: 'SOLD OUT';
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 4px;
  border-radius: 0px 0px 8px 0px;
  color: #ffffff;
  background-color: #474d50;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

/* line 257, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .image-container .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 262, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content {
  margin: 5px 0 8px;
}

/* line 264, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 269, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .item-name {
  font-size: clamp(12px, 3.73vw, 14px);
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 4px;
}

/* line 275, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .item-detail {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 4px;
  color: #474d50;
}

/* line 280, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .review {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  align-items: center;
}

/* line 285, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .review .rate {
  font-size: clamp(10px, 3.2vw, 12px);
}

/* line 287, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .main-content .review .rate.non {
  color: #C7CDCE;
}

/* line 293, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .wholesale-text {
  font-size: clamp(10px, 3.2vw, 12px);
  line-height: 20px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 299, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .selling-price {
  margin-top: 6px;
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: 700;
}

/* line 303, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .selling-price.sold_out {
  color: #BC2A21;
}

/* line 305, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .wholesale_item .selling-price.sold_out .past-price {
  font-size: 10px;
}

/* line 311, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 6px;
  margin-top: 12px;
}

/* line 316, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .tags .tag {
  border: 1px solid #474d50;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 321, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .tags .tag.emphasized {
  background-color: #E8A519;
  border: 1px solid #E8A519;
}

/* line 324, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .tags .tag.emphasized .name {
  color: #ffffff;
}

/* line 328, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .tags .tag .name {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: #474d50;
}

/* line 337, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .favorite-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}

/* line 343, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .bottom-actions {
  margin-top: auto;
}

/* line 345, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .display-wholesale_items .bottom-actions .favorite-container {
  margin-bottom: 8px;
}

/* line 350, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .favorite-items-link-wrapper {
  margin-top: 20px;
  text-align: left;
}

/* line 353, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .favorite-items-link-wrapper .favorite-items-link {
  display: inline-block;
  padding: 3px 0;
  font-size: 14px;
  color: #566774;
  text-decoration: none;
  border-bottom: 1px solid #566774;
}

/* line 360, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .main .favorite-items-link-wrapper .favorite-items-link:hover {
  color: #D8864E;
  border-bottom-color: #D8864E;
}

/* line 367, packs/business/app/assets/stylesheets/wholesale/top.scss */
.wholesale-top .floating-wrapper {
  z-index: 9998;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 16px 24px;
}

/* line 1, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button {
  margin-top: auto;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  margin-top: auto;
  width: 99%;
  height: 30px;
  background-color: #D8864E;
  border: 1px solid #D8864E;
  border-radius: 21px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 16, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart .icon {
  width: 23px;
  height: 23px;
  filter: brightness(0) invert(1);
}

/* line 21, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart .text {
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}

/* line 28, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart:hover {
  background-color: #ffffff;
  cursor: pointer;
}

/* line 31, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart:hover .icon {
  filter: none;
}

/* line 34, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart:hover .text {
  color: #D8864E;
}

/* line 39, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0 auto;
  display: none;
  width: 100%;
  max-width: 180px;
  height: 30px;
  border: 2px solid #D8864E;
  border-radius: 6px;
  background-color: #DAD8A0;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}

/* line 55, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup::after, .share-add-cart-button .add-cart-popup::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  left: 85%;
  border: solid transparent;
}

/* line 64, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup::after {
  border-color: rgba(218, 216, 160, 0);
  border-top-color: #DAD8A0;
  border-width: 9px;
  margin-left: -9px;
}

/* line 70, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup::before {
  border-color: rgba(216, 134, 78, 0);
  border-top-color: #D8864E;
  border-width: 12px;
  margin-left: -12px;
}

/* line 76, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup.active {
  display: block;
}

/* line 79, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup .text {
  font-size: 11px;
  line-height: 30px;
  color: #474d50;
  white-space: nowrap;
}

/* line 85, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup.add-cart-fade-in {
  animation: add-cart-fadeIn 0.7s ease-in-out;
}

/* line 88, packs/business/app/assets/stylesheets/wholesale/share/add_cart_button.scss */
.share-add-cart-button .add-cart-popup.add-cart-fade-out {
  animation: add-cart-fadeOut 0.7s ease-in-out;
}

@keyframes add-cart-fadeIn {
  0% {
    opacity: 0;
    bottom: 40px;
  }
  100% {
    opacity: 1;
    bottom: 50px;
  }
}

@keyframes add-cart-fadeOut {
  0% {
    opacity: 1;
    bottom: 50px;
  }
  100% {
    opacity: 0;
    bottom: 40px;
  }
}

/* line 2, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay {
  opacity: 0;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

/* line 12, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay.active {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: auto;
}

/* line 19, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay.inactive {
  -webkit-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window {
  z-index: 10000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  width: 295px;
  padding: 40px 20px 20px;
  border-radius: 23px;
  background-color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
}

/* line 35, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .cancel-button {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 10px;
  color: #ffffff;
  background-color: #BC2A21;
  border: solid 1px #BC2A21;
}

/* line 48, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .cancel-button:hover {
  color: #BC2A21;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 54, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .text-row {
  margin-bottom: 20px;
}

/* line 56, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .text-row .brand-name {
  font-size: 10px;
  margin-bottom: 4px;
  color: #474d50;
}

@media all and (max-width: 374px) {
  /* line 56, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
  .share-add-cart-modal .modal-overlay .modal-window .text-row .brand-name {
    font-size: clamp(8px, 2.67vw, 10px);
  }
}

/* line 64, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .text-row .item-name {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 140%;
}

@media all and (max-width: 374px) {
  /* line 64, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
  .share-add-cart-modal .modal-overlay .modal-window .text-row .item-name {
    font-size: clamp(14px, 4.27vw, 16px);
  }
}

/* line 74, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

/* line 79, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .text {
  font-size: 16px;
}

/* line 82, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .select-container {
  display: flex;
}

/* line 84, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .select-container .select-col {
  position: relative;
}

/* line 86, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .select-container .select-col .select {
  padding: 6px 12px;
  width: 84px;
  height: 33px;
  font-size: 14px;
  color: #222222;
  background-color: #ffffff;
  border: 1px solid #474d50;
  border-radius: 4px;
}

/* line 96, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .select-container .select-col .triangle {
  position: absolute;
  top: 13px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #474d50;
  pointer-events: none;
}

/* line 108, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .select-row .select-container .unit-text {
  margin: auto 3px;
  font-size: 13px;
  color: #474d50;
}

/* line 115, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .alert-text-row {
  display: none;
}

/* line 117, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .alert-text-row.active {
  display: block;
}

/* line 120, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .alert-text-row .text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  font-size: 10px;
  color: #222222;
}

/* line 127, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .alert-text-row .text.red {
  color: #BC2A21;
}

/* line 132, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .primary-button {
  width: 100%;
  height: 40px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #D8864E;
  border: none;
}

/* line 141, packs/business/app/assets/stylesheets/wholesale/share/add_cart_modal.scss */
.share-add-cart-modal .modal-overlay .modal-window .primary-button:hover {
  cursor: pointer;
}

/* line 2, packs/business/app/assets/stylesheets/wholesale/share/favorite_button.scss */
.favorite-form .favorite-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 23px;
  min-height: 23px;
}

/* line 13, packs/business/app/assets/stylesheets/wholesale/share/favorite_button.scss */
.favorite-form .favorite-button:hover {
  transform: scale(1.1);
}

/* line 17, packs/business/app/assets/stylesheets/wholesale/share/favorite_button.scss */
.favorite-form .favorite-button img {
  width: 23px;
  height: 23px;
  display: block;
}

/* line 1, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section {
  margin-top: auto;
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form {
  position: relative;
}

/* line 5, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .request-button {
  width: 100%;
  height: 32px;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  color: #ffffff;
  background-color: #566774;
  border: 1px solid #566774;
  border-radius: 21px;
}

/* line 15, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .request-button:hover {
  color: #566774;
  background-color: #ffffff;
  cursor: pointer;
}

/* line 21, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: 0 auto;
  display: none;
  width: 100%;
  max-width: 180px;
  height: 30px;
  border: 2px solid #566774;
  border-radius: 6px;
  background-color: #DAD8A0;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}

/* line 37, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup::after, .share-request_restock-section .request-form .text-popup::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  left: 85%;
  border: solid transparent;
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup::after {
  border-color: rgba(218, 216, 160, 0);
  border-top-color: #DAD8A0;
  border-width: 9px;
  margin-left: -9px;
}

/* line 52, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup::before {
  border-color: rgba(86, 103, 116, 0);
  border-top-color: #566774;
  border-width: 12px;
  margin-left: -12px;
}

/* line 58, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup.active {
  display: block;
}

/* line 61, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup .text {
  font-size: 11px;
  line-height: 30px;
  color: #474d50;
  white-space: nowrap;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup.request-fade-in {
  animation: request-fadeIn 0.7s ease-in-out;
}

/* line 70, packs/business/app/assets/stylesheets/wholesale/share/request_restock_section.scss */
.share-request_restock-section .request-form .text-popup.request-fade-out {
  animation: request-fadeOut 0.7s ease-in-out;
}

@keyframes request-fadeIn {
  0% {
    opacity: 0;
    bottom: 40px;
  }
  100% {
    opacity: 1;
    bottom: 50px;
  }
}

@keyframes request-fadeOut {
  0% {
    opacity: 1;
    bottom: 50px;
  }
  100% {
    opacity: 0;
    bottom: 40px;
  }
}

/* line 3, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .layering-header {
  position: relative;
  margin-bottom: 28px;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .layering-header .back {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 60px;
  font-weight: 900;
  border-bottom: 1px solid #C7CDCE;
  letter-spacing: 2px;
  color: #f2f2f2;
  user-select: none;
  -webkit-user-select: none;
}

/* line 16, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .layering-header .front {
  position: absolute;
  left: 0;
  bottom: 7px;
}

/* line 20, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .layering-header .front .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .layering-header .front .text.sub {
  font-size: 12px;
}

/* line 30, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items {
  display: flex;
  gap: 12px;
  margin-left: calc(50% - 50vw);
  padding-left: calc((91.1vw - 90%) / 2);
  width: 105.5%;
  overflow-x: scroll;
  overflow-y: hidden;
}

/* line 38, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items::-webkit-scrollbar {
  display: none;
}

/* line 41, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 160px;
  min-width: 160px;
}

/* line 47, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item:last-child {
  margin-right: calc(58.4% - 50vw);
}

/* line 50, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .rank-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
}

/* line 57, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .image {
  width: 100%;
  background: #f2f2f2;
}

/* line 61, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content {
  margin: 5px 0 8px;
}

/* line 63, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .brand-name {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 2px;
  color: #474d50;
}

/* line 68, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .item-name {
  font-size: clamp(12px, 3.73vw, 14px);
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 4px;
}

/* line 74, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .item-detail {
  font-size: clamp(8px, 2.67vw, 10px);
  margin-bottom: 4px;
  color: #474d50;
}

/* line 79, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .review {
  display: flex;
  gap: 4px;
  margin-top: 4px;
  align-items: center;
}

/* line 84, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .review .rate {
  font-size: clamp(10px, 3.2vw, 12px);
}

/* line 86, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .main-content .review .rate.non {
  color: #C7CDCE;
}

/* line 92, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .wholesale-text {
  font-size: clamp(10px, 3.2vw, 12px);
  line-height: 20px;
  white-space: pre-wrap;
  word-break: break-word;
}

/* line 98, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .wholesale_item .selling-price {
  margin-top: 6px;
  font-size: clamp(10px, 3.2vw, 12px);
  font-weight: 700;
}

/* line 104, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 6px;
  margin-top: 12px;
}

/* line 109, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags.on_button {
  margin-bottom: 12px;
}

/* line 112, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags .tag {
  border: 1px solid #474d50;
  border-radius: 9px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 117, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags .tag.emphasized {
  background-color: #E8A519;
  border: 1px solid #E8A519;
}

/* line 120, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags .tag.emphasized .name {
  color: #ffffff;
}

/* line 124, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .tags .tag .name {
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: #474d50;
}

/* line 133, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .wholesale_items .favorite-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}

/* line 140, packs/business/app/assets/stylesheets/wholesale/share/review_ranking_section.scss */
.share-review_ranking-section .share-business-button {
  margin: 32px auto 0;
  width: 90%;
  max-width: 400px;
}

/* line 1, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section {
  display: flex;
  justify-content: center;
  gap: 12px;
  width: 90%;
}

/* line 6, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .search-form {
  position: relative;
  display: flex;
  width: 100%;
}

/* line 10, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .search-form .keyword {
  width: 100%;
  height: 40px;
  font-size: 13px;
  border-radius: 4px;
  border: 1px solid #474d50;
  background-image: url(/assets/search-6a1643cb166bad6ba917e5e5cbac3a5fd0e2cf162d7c8e3bc20738fe258d77fb.png);
  background-position: left 12px center;
  background-repeat: no-repeat;
  background-size: 17px 18px;
  padding-left: 40px;
}

/* line 22, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .search-form .search-button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 40px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background-color: #474d50;
  border: 1px solid #474d50;
  border-radius: 0px 4px 4px 0px;
  box-sizing: border-box;
}

@media all and (max-width: 419px) {
  /* line 22, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
  .share-search-form-section .search-form .search-button {
    display: none;
  }
}

/* line 39, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .search-form .search-button:hover {
  cursor: pointer;
  color: #474d50;
  background-color: #f2f2f2;
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .narrow_down {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 97px;
  height: 40px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #474d50;
  color: #474d50;
  background-color: #ffffff;
  box-sizing: border-box;
}

/* line 59, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .narrow_down svg,
.share-search-form-section .narrow_down .text {
  margin: auto 0;
}

/* line 62, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .narrow_down svg.text,
.share-search-form-section .narrow_down .text.text {
  white-space: nowrap;
}

/* line 66, packs/business/app/assets/stylesheets/wholesale/share/search_form_section.scss */
.share-search-form-section .narrow_down:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

/* line 2, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .layering-header {
  position: relative;
  margin-bottom: 28px;
}

/* line 5, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .layering-header .back {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 60px;
  font-weight: 900;
  border-bottom: 1px solid #C7CDCE;
  letter-spacing: 2px;
  color: #f2f2f2;
}

/* line 13, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .layering-header .front {
  position: absolute;
  left: 0;
  bottom: 7px;
}

/* line 17, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .layering-header .front .text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

/* line 24, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 12px;
}

/* line 28, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .tags .tag {
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #474d50;
  background-color: #ffffff;
  line-height: normal;
  border: 1px solid #474d50;
  border-radius: 17px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 39, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .tags .tag:hover {
  color: #D8864E;
  border: 1px solid #D8864E;
  cursor: pointer;
}

/* line 46, packs/business/app/assets/stylesheets/wholesale/share/tag_section.scss */
.share-tag-section .share-business-button {
  margin: 32px auto 0;
  width: 90%;
  max-width: 400px;
}

/* line 1, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section {
  position: relative;
  background-color: #f2f2f2;
}

/* line 4, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .header-text {
  position: absolute;
  top: -38px;
  right: 16px;
  font-size: 50px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 2px;
}

/* line 14, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper {
  display: flex;
  gap: 16px;
  padding: 56px 0 28px 0;
  margin-left: auto;
  margin-right: 0;
  width: 95%;
}

/* line 21, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .sideways {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  margin-left: -20px;
  width: 55px;
  height: auto;
  border-right: 1px solid #C7CDCE;
  background-color: #f2f2f2;
}

/* line 32, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .sideways .text {
  font-family: Barlow, Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
  font-weight: 700;
  font-style: italic;
  transform: rotate(-90deg);
  margin: auto 15px 3px 0;
  font-size: 60px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #222222;
  user-select: none;
  -webkit-user-select: none;
}

/* line 44, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .shadow {
  position: relative;
  z-index: 9;
  margin: 10px 0 10px -26px;
  min-width: 10px;
  height: auto;
  box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

/* line 52, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .wholesale_features {
  position: relative;
  z-index: 8;
  display: flex;
  gap: 20px;
  margin: 12px 0;
  margin-left: calc(48.6% - 52vw);
  padding-left: calc((95vw - 86%) / 2);
  padding-right: calc(58.4% - 50vw);
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}

/* line 64, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .wholesale_features::-webkit-scrollbar {
  display: none;
}

/* line 67, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .wholesale_features .wholesale_feature {
  min-width: 250px;
  max-width: 250px;
  height: 250px;
  scroll-snap-align: center;
}

/* line 72, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .wholesale_features .wholesale_feature .text {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  color: #222222;
  white-space: pre-wrap;
}

/* line 80, packs/business/app/assets/stylesheets/wholesale/share/wholesale_feature_section.scss */
.share-wholesale_feature-section .feature-wrapper .wholesale_features .wholesale_feature img {
  width: 100%;
  height: auto;
}