@import url(https://fonts.googleapis.com/css?family=Barlow:600);
@font-face {
  font-family: booth light en;
  src: local('Avenir-light'), local('Avenir light'), local('HelveticaNeue-Thin'),
    local('Helvetica Neue Thin'), local('Segoe UI Light'), local('SegoeUI-Light'), local('Arial');
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: booth demi en;
  src: local('Avenir-Medium'), local('Avenir Medium'), local('HelveticaNeue-Medium'),
    local('Helvetica Neue Medium'), local('Segoe UI Semibold'), local('SegoeUI-Semibold'),
    local('Arial');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: booth heavy en;
  src: local('Avenir-Black'), local('Avenir Black'), local('HelveticaNeue-Bold'),
    local('Helvetica Neue Bold'), local('SegoeUI Bold'), local('Arial Bold');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: connect code\39;
  src: url(/assets/fonts/connect_code_39.ttf) format('truetype');
  font-weight: 100;
  font-display: block;
}
@font-face {
  font-family: booth light jp;
  src: local('HiraginoSans-W2'), local('.HiraKakuInterface-W2'),
    local('Hiragino Kaku Gothic ProN W3');
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: booth demi jp;
  src: local('HiraginoSans-W5'), local('HiraginoSans-W6'), local('Hiragino Kaku Gothic ProN W6'),
    local('HiraKakuProN-W6');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: booth heavy jp;
  src: local('HiraginoSans-W7'), local('HiraginoSans-W6'), local('Hiragino Kaku Gothic ProN W6'),
    local('HiraKakuProN-W6');
  font-weight: 700;
  font-display: swap;
}
.order-about-payment-box {
  box-sizing: border-box;
  width: 66%;
  margin: 0 auto;
  padding: 19.5px 32px;
  background-color: #f7f8fa;
  border-radius: 6px;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .order-about-payment-box {
    width: 100%;
    padding: 16.5px 16px;
  }
}
.email_allowlist_notice {
  border-radius: 3px;
  font-size: 0.75rem;
  text-align: left;
  color: #252f3d;
}
.email_allowlist_notice-head {
  margin: 0 0 6.5px;
  color: #171d26;
}
.fs-small {
  font-size: 0.75em;
}
.fs-base-small {
  font-size: 0.8125rem;
  line-height: 1.5;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .fs-base-small {
    line-height: 1.2692307692;
  }
}
.has-padding {
  display: inline-block;
  padding: 0.625em 1.25em;
}
.ui-open-modal {
  cursor: pointer;
}
.booth-modal-content {
  z-index: -1;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 8px 8px 0 0 rgba(95, 105, 122, 0.39);
}
.booth-modal-content .panel {
  border: none;
}
.booth-modal-content .panel-head {
  background-color: #ebedf2;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
}
.booth-modal-content .field {
  margin: 26px;
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-modal-content {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }
  .booth-modal-content .panel-head {
    font-size: 1rem;
  }
}
.booth-modal-on body {
  overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-modal-on body {
    width: 100%;
  }
}
.booth-modal-content-head {
  position: relative;
}
.booth-modal-content-head-title {
  margin: 0;
  line-height: 57px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-modal-content-head-title {
    line-height: 53px;
  }
}
@font-face {
  font-family: booth_font;
  src: url(/assets/fonts/booth_font.eot);
  src: url(/assets/fonts/booth_font.eot) format('eot'),
    url(/assets/fonts/booth_font.woff) format('woff'),
    url(/assets/fonts/booth_font.ttf) format('truetype'),
    url(/assets/fonts/booth_font.svg) format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class*=' icon-'],
[class^='icon-'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
}
.breadcrumbs [class*=' icon-'].breadcrumb:before,
.breadcrumbs [class^='icon-'].breadcrumb:before,
[class*=' icon-']:before,
[class^='icon-']:before {
  margin-right: 0.2em;
  font-family: booth_font;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  text-decoration: inherit;
  text-align: center;
}
[class*=' icon-'].bigger,
[class^='icon-'].bigger {
  font-size: 1.5em;
}
[class*=' icon-'].smaller,
[class^='icon-'].smaller {
  font-size: 0.8125em;
}
[class*=' icon-'].no-margin:before,
[class^='icon-'].no-margin:before {
  margin-right: 0;
}
[class*=' icon-'].s-1x:before,
[class^='icon-'].s-1x:before {
  font-size: 1rem;
}
[class*=' icon-'].s-2x:before,
[class^='icon-'].s-2x:before {
  font-size: 2rem;
}
[class*=' icon-'].s-3x:before,
[class^='icon-'].s-3x:before {
  font-size: 3rem;
}
[class*=' icon-'].s-4x:before,
[class^='icon-'].s-4x:before {
  font-size: 4rem;
}
[class*=' icon-'].s-5x:before,
[class^='icon-'].s-5x:before {
  font-size: 5rem;
}
[class*=' icon-'].s-fw:before,
[class^='icon-'].s-fw:before {
  width: 1.2857142857em;
  text-align: center;
}
a [class*=' icon-'],
a [class^='icon-'] {
  display: inline-block;
}
.icon-address:before {
  content: '';
}
.icon-adjuster-horizontal:before {
  content: '';
}
.icon-account:before {
  content: '';
}
.icon-analytics:before {
  content: '';
}
.icon-angle-double-left:before {
  content: '';
}
.icon-angle-double-right:before {
  content: '';
}
.icon-arrow-circled-down:before {
  content: '';
}
.icon-arrow-circled-left:before {
  content: '';
}
.icon-arrow-circled-right:before {
  content: '';
}
.icon-arrow-circled-up:before {
  content: '';
}
.icon-arrow-corner-left:before {
  content: '';
}
.icon-arrow-expand:before {
  content: '';
}
.icon-arrow-micro-down:before {
  content: '';
}
.icon-arrow-micro-right:before {
  content: '';
}
.icon-arrow-micro-up:before {
  content: '';
}
.icon-arrow-open-down:before {
  content: '';
}
.breadcrumbs .slick-prev.breadcrumb:before,
.icon-arrow-open-left:before,
.slick-prev:before {
  content: '';
}
.breadcrumbs .breadcrumb:before,
.icon-arrow-open-right:before,
.slick-next:before {
  content: '';
}
.icon-arrow-open-up:before {
  content: '';
}
.icon-attention:before {
  content: '';
}
.icon-basket-1_5x:before {
  content: '';
}
.icon-basket:before {
  content: '';
}
.icon-bell-1_5x:before {
  content: '';
}
.icon-bell:before {
  content: '';
}
.icon-block:before {
  content: '';
}
.icon-boost:before {
  content: '';
}
.icon-box-checked:before {
  content: '';
}
.icon-box-empty:before {
  content: '';
}
.icon-cancel-alt:before {
  content: '';
}
.icon-cancel-circle-fill:before {
  content: '';
}
.icon-cancel-circle:before {
  content: '';
}
.icon-cancel-squared:before {
  content: '';
}
.icon-cancel:before {
  content: '';
}
.icon-chart-bar:before {
  content: '';
}
.icon-check-circle-filled:before {
  content: '';
}
.icon-check-circle:before {
  content: '';
}
.icon-check:before {
  content: '';
}
.icon-clock:before {
  content: '';
}
.icon-code:before {
  content: '';
}
.icon-credit-card:before {
  content: '';
}
.icon-customize-design:before {
  content: '';
}
.icon-cw:before {
  content: '';
}
.icon-design-text:before {
  content: '';
}
.icon-desktop:before {
  content: '';
}
.icon-disc:before {
  content: '';
}
.icon-disconnect:before {
  content: '';
}
.icon-doc:before {
  content: '';
}
.icon-docs:before {
  content: '';
}
.icon-dot-3:before {
  content: '';
}
.icon-download:before {
  content: '';
}
.icon-downloadables:before {
  content: '';
}
.icon-email:before {
  content: '';
}
.icon-emo-wink:before {
  content: '';
}
.icon-explorer:before {
  content: '';
}
.icon-file-music:before {
  content: '';
}
.icon-flag:before {
  content: '';
}
.icon-followers:before {
  content: '';
}
.icon-gem:before {
  content: '';
}
.icon-globe:before {
  content: '';
}
.icon-heart-empty-1_5x:before {
  content: '';
}
.icon-heart-empty:before {
  content: '';
}
.icon-heart:before {
  content: '';
}
.icon-history:before {
  content: '';
}
.icon-home:before {
  content: '';
}
.icon-info:before {
  content: '';
}
.icon-itembox-1_5x:before {
  content: '';
}
.icon-itembox:before {
  content: '';
}
.icon-key-filled:before {
  content: '';
}
.icon-key:before {
  content: '';
}
.icon-laptop:before {
  content: '';
}
.icon-lightbulb-alt:before {
  content: '';
}
.icon-link-ext:before {
  content: '';
}
.icon-lock:before {
  content: '';
}
.icon-menu:before {
  content: '';
}
.icon-minus-alt:before {
  content: '';
}
.icon-minus-circle:before {
  content: '';
}
.icon-minus-squared:before {
  content: '';
}
.icon-minus:before {
  content: '';
}
.icon-mobile:before {
  content: '';
}
.icon-note-beamed:before {
  content: '';
}
.icon-package:before {
  content: '';
}
.icon-pause:before {
  content: '';
}
.icon-pencil:before {
  content: '';
}
.icon-picture-plus:before {
  content: '';
}
.icon-play:before {
  content: '';
}
.icon-picture:before {
  content: '';
}
.icon-player-backword:before {
  content: '';
}
.icon-player-fast-backword:before {
  content: '';
}
.icon-player-fast-forward:before {
  content: '';
}
.icon-player-forward:before {
  content: '';
}
.icon-player-stop:before {
  content: '';
}
.icon-plus-alt:before {
  content: '';
}
.icon-plus-circle:before {
  content: '';
}
.icon-plus:before {
  content: '';
}
.icon-print:before {
  content: '';
}
.icon-plus-squared:before {
  content: '';
}
.icon-question:before {
  content: '';
}
.icon-recently-checked-1_5x:before {
  content: '';
}
.icon-reply:before {
  content: '';
}
.icon-search:before {
  content: '';
}
.icon-shop:before {
  content: '';
}
.icon-site-booth-circle:before {
  content: '';
}
.icon-site-booth-square:before {
  content: '';
}
.icon-site-booth:before {
  content: '';
}
.icon-site-factory-outline:before {
  content: '';
}
.icon-site-factory:before {
  content: '';
}
.icon-site-google-circle:before {
  content: '';
}
.icon-site-google:before {
  content: '';
}
.icon-social-facebook-circle:before {
  content: '';
}
.icon-social-facebook:before {
  content: '';
}
.icon-social-github-circle:before {
  content: '';
}
.icon-social-github:before {
  content: '';
}
.icon-social-gplus-circle:before {
  content: '';
}
.icon-social-gplus:before {
  content: '';
}
.icon-social-niconico-circle:before {
  content: '';
}
.icon-social-niconico:before {
  content: '';
}
.icon-social-sound_cloud-circle:before {
  content: '';
}
.icon-social-sound_cloud:before {
  content: '';
}
.icon-social-tumblr-circle:before {
  content: '';
}
.icon-social-tumblr:before {
  content: '';
}
.icon-social-vimeo-circle:before {
  content: '';
}
.icon-social-vimeo:before {
  content: '';
}
.icon-social-youtube-circle:before {
  content: '';
}
.icon-social-youtube:before {
  content: '';
}
.icon-sort:before {
  content: '';
}
.icon-star-alt:before {
  content: '';
}
.icon-star:before {
  content: '';
}
.icon-tablet:before {
  content: '';
}
.icon-tag:before {
  content: '';
}
.icon-tags:before {
  content: '';
}
.icon-trash:before {
  content: '';
}
.icon-truck:before {
  content: '';
}
.icon-undo:before {
  content: '';
}
.icon-upload:before {
  content: '';
}
.icon-user-face:before {
  content: '';
}
.icon-verified:before {
  content: '';
}
.icon-volume:before {
  content: '';
}
.icon-wallet:before {
  content: '';
}
.icon-warehouse:before {
  content: '';
}
.icon-yen:before {
  content: '';
}
i {
  display: inline-block;
  vertical-align: middle;
}
.icon-social-fanbox {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url(/static-images/icons/icon-social-fanbox.svg);
  mask: url(/static-images/icons/icon-social-fanbox.svg);
  margin-right: 0.2em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .icon-social-fanbox {
    width: 0.8125em;
    height: 0.8125em;
  }
}
.btn {
  display: inline-block;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
  padding: 0.625em 1.25em;
  border: 2px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
  background-color: #3a404a;
}
.btn .cmd-label {
  display: inline;
  vertical-align: middle;
}
.btn i {
  line-height: 1;
}
.btn i + .cmd-label {
  padding-left: 0.382em;
}
.btn.is-ico-rside .cmd-label {
  padding-right: 0.382em;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.34;
  cursor: default;
}
.btn:hover {
  background-color: #636870;
  text-decoration: none;
}
.btn:active {
  box-shadow: 0 1px inner rgba(0, 0, 0, 0.1);
  position: relative;
  top: 1px;
  box-shadow: none;
  background-color: #24272d;
}
.btn.disabled,
.btn:disabled {
  color: hsla(0, 0%, 100%, 0.6);
}
.btn.disabled:hover,
.btn:disabled:hover {
  background-color: #3a404a;
}
.btn.disabled:active,
.btn:disabled:active {
  top: 0;
}
.btn.submit {
  padding: 1em 2.5625em;
  border: 2px solid #2c9ba6;
  color: #fff;
  background-color: #2c9ba6;
}
.btn.submit:hover {
  background-color: #58b0b9;
  border-color: #58b0b9;
}
.btn.submit:hover,
.btn.submit:link,
.btn.submit:visited {
  color: #fff;
}
.btn.submit:active {
  background-color: #1b7f8c;
  border-color: #1b7f8c;
}
.btn.submit.disabled,
.btn.submit:disabled {
  color: hsla(0, 0%, 100%, 0.6);
}
.btn.submit.disabled:hover,
.btn.submit:disabled:hover {
  background-color: #2c9ba6;
  border-color: #2c9ba6;
}
.btn.submit.condensed {
  padding: 0.625em 1.25em;
}
.btn.cancel {
  color: #7f8d9f;
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
}
.btn.cancel,
.btn.cancel:hover {
  background: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
}
.btn.cancel:hover {
  color: #fc4d50;
}
.btn.pixiv-oauth {
  border-color: #0087e1;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.05), inset 0 1px 2px 0 hsla(0, 0%, 100%, 0.08);
  font-size: 1.125rem;
}
.btn.pixiv-oauth.signup {
  background: #fff;
  color: #0096fa;
}
.btn.pixiv-oauth.signup:hover {
  color: #fff;
  background: #80ccff;
}
.btn.pixiv-oauth.signup:active {
  color: #fff;
  background: #0083da;
  border-color: #0072be;
}
.btn.pixiv-oauth.signin {
  color: #fff !important;
  background: #0096fa;
}
.btn.pixiv-oauth.signin:hover {
  background: #3db2ff;
}
.btn.pixiv-oauth.signin:active {
  background: #0087e1;
  border-color: #007acb;
}
.btn.no-margin {
  margin: 0;
}
.btn.omatome {
  padding: 0.625em;
  background: #7fcef4;
  color: #fff;
  font-size: 1.125rem;
}
.btn.omatome small {
  display: inline-block;
  margin: 0.625em 0 0;
  padding-top: 0.625em;
  border-top: 1px solid hsla(0, 0%, 100%, 0.34);
}
.btn.omatome:hover {
  background: #7fcef4;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .btn.omatome {
    font-size: 0.875rem;
    white-space: normal;
  }
}
a.btn:hover,
a.btn:link,
a.btn:visited {
  color: #fff;
}
a.btn.disabled,
a.btn.disabled:hover {
  color: hsla(0, 0%, 100%, 0.6);
}
a.btn.cancel {
  color: #7f8d9f;
}
a.btn.cancel:active {
  background-color: none;
}
.nav-item {
  display: inline-block;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 0.625em;
}
.nav-item .cmd-label {
  display: inline;
  vertical-align: middle;
}
.nav-item i {
  line-height: 1;
}
.nav-item i + .cmd-label {
  padding-left: 0.382em;
}
.nav-item.is-ico-rside .cmd-label {
  padding-right: 0.382em;
}
.nav-item.disabled,
.nav-item:disabled {
  opacity: 0.34;
  cursor: default;
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.trigger {
  display: inline-block;
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  text-decoration: none;
}
.trigger .cmd-label {
  display: inline;
  vertical-align: middle;
}
.trigger i {
  line-height: 1;
}
.trigger i + .cmd-label {
  padding-left: 0.382em;
}
.trigger.is-ico-rside .cmd-label {
  padding-right: 0.382em;
}
.trigger.disabled,
.trigger:disabled {
  opacity: 0.34;
  cursor: default;
}
.trigger:visited {
  color: #1b7f8c;
}
.trigger:link,
.trigger:visited {
  color: #171d26;
}
.trigger:hover {
  color: #353a42;
}
.trigger:active {
  color: #171d26;
}
.trigger.current,
.trigger.current:hover {
  color: #fc4d50;
}
.pulldown-area {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: none;
  scrollbar-width: none;
}
.pulldown-area::-webkit-scrollbar {
  display: none;
}
.pseudo-pulldown-nav {
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: 0 1.5rem;
  text-decoration: none;
  white-space: nowrap;
}
.pseudo-pulldown-nav:link,
.pseudo-pulldown-nav:visited {
  color: #171d26;
}
.pseudo-pulldown-nav:hover {
  background-color: #1b7f8c;
  color: #fff;
}
.pseudo-pulldown-nav [class|='icon'] {
  position: absolute;
  top: 0;
  left: 5px;
}
.pseudo-pulldown {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #c0c5cf;
  border-radius: 2px;
  background-color: #fff;
}
.pseudo-pulldown.pulldown-active {
  border-color: #171d26;
}
.pseudo-pulldown .pulldown-area {
  min-width: 100%;
  left: 0;
  z-index: 10;
  transform: none;
}
.pseudo-pulldown .pulldown-menu {
  margin: 0;
  background-color: #ebedf2;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.pseudo-pulldown .pulldown-menu:after,
.pseudo-pulldown .pulldown-menu:before {
  display: none;
}
.pseudo-pulldown .trigger {
  display: block;
  text-indent: 8px;
}
.pseudo-pulldown .trigger [class|='icon'] {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  color: #505c6b;
}
.pseudo-pulldown .trigger [class|='icon']:after {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  top: 50%;
  width: 1px;
  height: 1.618em;
  background-color: #e6e8eb;
  transform: translateY(-50%);
}
.pulldown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.pulldown.pulldown-active .trigger {
  color: #171d26;
}
.pulldown.pulldown-active .pulldown-area {
  display: block;
}
.pulldown.pulldown-active .inverse {
  width: auto;
  bottom: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
[hidden],
audio:not([controls]) {
  display: none;
}
html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  background-color: #fff;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
  line-height: 1.625;
  color: #252f3d;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  body {
    letter-spacing: -0.001em;
    line-height: 1.375;
  }
}
html {
  height: 100%;
}
body {
  min-height: 100%;
}
a,
a:hover,
a:visited {
  color: #1b7f8c;
}
a:hover {
  text-decoration: none;
  outline: thin dotted;
}
a:active,
a:focus {
  color: #0f6270;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
a.current {
  color: #171d26;
}
a strong {
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited,
h6 a:link,
h6 a:visited {
  color: inherit;
}
h1 {
  margin: 0 0 3.25rem;
  line-height: 1.2580645161;
  font-size: 1.9375rem;
}
h2 {
  margin: 3.25rem 0 1.625rem;
  line-height: 1.04;
  font-size: 1.5625rem;
}
h3 {
  margin: 2.4375rem 0 0.8125rem;
  line-height: 1.3;
  font-size: 1.25rem;
}
h4 {
  margin: 2.4375rem 0 0;
  line-height: 3.25;
  font-size: 1rem;
}
h5,
h6 {
  margin: 0;
  line-height: 2;
  font-size: 0.8125rem;
  color: 'inherit';
}
h6 {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  h3 {
    font-size: 1.125rem;
  }
}
strong {
  color: inherit;
}
b,
strong {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
p,
pre {
  margin: 0 0 1.625rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  p,
  pre {
    margin: 0 0 22px;
  }
}
code,
pre {
  font-family: monospace, serif;
  _font-family: courier new, monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
.breadcrumbs q.breadcrumb:before,
q.slick-next:before,
q.slick-prev:before,
q:after,
q:before {
  content: '';
  content: none;
}
small {
  font-size: 0.8125rem;
}
hr {
  clear: both;
  border: none;
}
dl,
ol,
ul {
  margin: 1em 0;
}
ol,
ul {
  padding: 0 0 0 1.5em;
}
nav ol,
nav ul {
  padding: 0;
  margin: 0;
}
nav li {
  margin: 0;
}
li {
  line-height: 1.3125;
  margin: 0 0 0.3125em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  li {
    line-height: inherit;
    margin-bottom: 11px;
  }
}
dt {
  margin: 2.4375rem 0 0;
  line-height: 3.25;
  font-size: 1rem;
}
dd {
  margin: 0 0 0 40px;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden;
}
figure,
form {
  margin: 0;
}
.field {
  border: none;
  margin: 39px 0;
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .field {
    margin: 12px 0;
  }
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
inpu[type='datetime-local'],
input:not([type]),
input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
textarea {
  width: 224px;
  padding: 0.9375rem;
  background: #fff;
  border: 2px solid #d5d9de;
  font-size: 1rem;
}
input[type='datetime-local']::placeholder,
input:not([type])::placeholder,
input[type='color']::placeholder,
input[type='date']::placeholder,
input[type='datetime']::placeholder,
input[type='email']::placeholder,
input[type='month']::placeholder,
input[type='number']::placeholder,
input[type='password']::placeholder,
input[type='search']::placeholder,
input[type='tel']::placeholder,
input[type='text']::placeholder,
input[type='time']::placeholder,
input[type='url']::placeholder,
input[type='week']::placeholder,
textarea::placeholder {
  color: #96a2b0;
  opacity: 1;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  inpu[type='datetime-local'],
  input:not([type]),
  input[type='color'],
  input[type='datetime'],
  input[type='email'],
  input[type='month'],
  input[type='number'],
  input[type='password'],
  input[type='search'],
  input[type='tel'],
  input[type='text'],
  input[type='time'],
  input[type='url'],
  input[type='week'],
  textarea {
    width: 100% !important;
  }
}
button,
input,
textarea {
  box-sizing: border-box;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
.disabled,
button[disabled],
input[disabled] {
  cursor: default;
  opacity: 0.34;
}
input[type='checkbox'],
input[type='radio'] {
  margin-right: 0.3em;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
input[type='search'] {
  -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border: 1px solid #e6e8eb;
  border-collapse: collapse;
  border-spacing: 0;
}
table thead th {
  background: #ebedf2;
  border-bottom: 1px solid #e6e8eb;
}
table tfoot td,
table tfoot th {
  border-top: 1px solid #e6e8eb;
}
table td,
table th {
  border-right-width: 0;
  border-bottom: 1px solid #e6e8eb;
  border-left-width: 0;
  border-top-width: 0;
  text-align: center;
}
table tbody tr.last td,
table tbody tr.last th,
table tbody tr:last-child td,
table tbody tr:last-child th,
table tfoot tr.last td,
table tfoot tr.last th,
table tfoot tr:last-child td,
table tfoot tr:last-child th {
  border-bottom-width: 0;
}
td,
th {
  background: #fff;
}
th {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
tfoot td,
tfoot th,
thead td,
thead th {
  padding: 0.5952380952em 1.25em;
}
tbody td,
tbody th {
  padding: 1.25em;
}
.input-required {
  display: inline-block;
  background: #ff5c67;
  color: #fff;
  margin: 0 4px;
  padding: 4px;
  border-radius: 4px;
  line-height: 1;
  font-size: 0.85em;
  vertical-align: middle;
}
table {
  width: 100%;
  margin: 0;
}
table thead th {
  color: #505c6b;
}
table tfoot {
  white-space: nowrap;
}
table .action {
  width: 64px;
  margin: 0;
}
table ul {
  padding: 0 0 0 1.3em;
}
.subhead + table {
  margin-top: 0;
}
.striped tbody tr:nth-child(odd) td,
.striped tbody tr:nth-child(odd) th {
  background: #f7f8fa;
}
.no-outer-vertical {
  border-right-width: 0;
  border-left-width: 0;
}
.no-borders,
.no-borders td,
.no-borders th {
  border-width: 0;
}
.condensed td,
.condensed th {
  padding: 0.625em;
}
.horizontal_head th {
  background: none !important;
}
.act-hover tbody tr:hover td,
.act-hover tbody tr:hover th {
  background-color: #b7f6f7 !important;
}
@keyframes progressbar {
  0% {
    width: 0;
  }
  80% {
    width: 100%;
  }
  to {
    width: 100%;
  }
}
.tn-l {
  width: 288px;
  height: 288px;
}
.tn-m {
  width: 192px;
  height: 192px;
}
.tn-2s {
  width: 146px;
  height: 146px;
}
.tn-s {
  width: 72px;
  height: 72px;
}
.tn-xs {
  width: 62px;
  height: 62px;
}
[class*=' tn-'] img,
[class^='tn-'] img {
  max-width: 100%;
  max-height: 100%;
}
.market-item {
  position: relative;
}

.tippy-tooltip.small-font-theme {
  font-size: 0.75rem;
}
.user-avatar {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-size: cover;
  background-position: top;
  background-clip: border-box;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.user-avatar.at-item-summary {
  width: 1.625em;
  min-width: 1.625em;
  height: 1.625em;
  margin-right: 6px;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .user-avatar.at-item-summary {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
  }
}
.user-avatar.at-item-footer {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-right: 4px;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .user-avatar.at-item-footer {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
  }
}
.user-avatar.at-library-item {
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  margin-right: 5px;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .user-avatar.at-library-item {
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
  }
}
.player {
  position: relative;
  border-top: 1px solid transparent;
  padding: 10px;
  width: 100%;
  height: 92px;
  box-sizing: border-box;
  table-layout: fixed;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.player .player_status_passage {
  background-color: #252f3d;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  line-height: 16px;
}
.player .player_control {
  width: 72px;
  height: 72px;
  background-color: #d7d9e0;
  text-align: center;
  cursor: pointer;
  font-size: 36px;
  border-radius: 50%;
}
.player .player_control .icon-play {
  display: block;
  width: 100%;
  height: 72px;
}
.player .player_control .icon-attention,
.player .player_control .icon-pause {
  display: none;
}
.player .player_control [class^='icon-']:before {
  line-height: 70px;
  margin-right: 0;
}
.player.aborted .aborted_label,
.player.loading .loading_label {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.player.aborted .player_control .icon-pause,
.player.aborted .player_control .icon-play {
  display: none;
}
.player.aborted .player_control .icon-attention {
  display: block;
}
.player.playing .player_control .icon-play {
  display: none;
}
.player.playing .player_control .icon-pause {
  display: block;
}
.player .player_visualize {
  position: absolute;
  top: 6px;
  left: 18px;
  right: 0;
  height: 30px;
}
.player .player_visualize .player_artist {
  padding: 0 5px;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
  line-height: 12px;
  vertical-align: top;
}
.player .player_visualize .player_album {
  padding: 0 5px 5px;
  font-size: 18px;
  line-height: 18px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  vertical-align: bottom;
}
.player .player_status {
  position: absolute;
  top: 10px;
  left: 72px;
  right: 0;
  bottom: 10px;
  cursor: pointer;
}
.player .player_status_overall,
.player .player_status_overall_bg {
  height: 1em;
  position: absolute;
  top: 54px;
  left: 20px;
  right: 10px;
  bottom: 12px;
}
.player .player_status_overall_bg {
  opacity: 0.36;
  background-color: #171d26;
}
.player .label {
  display: none;
  height: 100%;
  line-height: 1;
}
.player .player_label {
  width: 72px;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.tracks {
  list-style: none;
  margin: 12px 0;
  padding: 0;
  border: none;
}
.tracks td {
  padding: 2px 6px 2px 0;
  border: none;
  text-align: left;
  vertical-align: middle;
  line-height: 24px;
}
.tracks td:first-child {
  padding-left: 12px;
}
.tracks .track-disc {
  padding: 2px 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.tracks .track-number {
  width: 24px;
  font-size: 12px;
  text-align: right;
}
.tracks .track-number:after {
  content: '. ';
}
.tracks .track-title {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  font-size: 14px;
}
.tracks .track-artist {
  opacity: 0.84;
  font-size: 12px;
}
.pointer {
  cursor: pointer;
}
.tippy-popper[x-placement^='top'] .tippy-tooltip.locale-theme .tippy-arrow {
  border-top-color: #fff;
}
.tippy-popper[x-placement^='left'] .tippy-tooltip.locale-theme .tippy-arrow {
  border-left-color: #fff;
}
.tippy-popper[x-placement^='bottom'] .tippy-tooltip.locale-theme .tippy-arrow {
  border-bottom-color: #fff;
}
.tippy-popper[x-placement^='right'] .tippy-tooltip.locale-theme .tippy-arrow {
  border-right-color: #fff;
}
.tippy-tooltip.locale-theme {
  padding: 0.5rem 0;
  background-color: #fff;
  filter: drop-shadow(0 1px 9px rgba(0, 0, 0, 0.13));
}
.lo-grid-cell {
  position: relative;
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
}
.lo-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
.lo-grid.has-gutter {
  margin: -1.625rem -0.5rem 1.625rem;
}
.lo-grid.has-gutter > .lo-grid-cell {
  padding: 1.625rem 0.5rem 0;
}
.lo-grid.has-gutter:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .lo-grid.has-gutter {
    margin: -0.6875rem -2.1333333333% 0.6875rem;
  }
  .lo-grid.has-gutter > .lo-grid-cell {
    padding: 0.6875rem 2.1333333333% 0;
  }
}
.lo-u1of2 {
  flex: 0 0 50%;
  max-width: 50%;
}
.lo-u1of3 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.lo-u1of4 {
  flex: 0 0 25%;
  max-width: 25%;
}
.lo-u1of5 {
  flex: 0 0 20%;
  max-width: 20%;
}
.lo-u2of5 {
  flex: 0 0 40%;
  max-width: 40%;
}
.lo-u3of5 {
  flex: 0 0 60%;
  max-width: 60%;
}
.lo-u1of8 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.lo-u-auto {
  flex: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .mobile-full-basis {
    flex-direction: column;
    align-items: flex-start;
  }
  .mobile-full-basis > .lo-grid-cell {
    width: 100%;
    max-width: 100%;
  }
  .mobile-full-basis.has-gutter {
    margin: 0;
  }
  .mobile-full-basis.has-gutter .lo-grid-cell {
    padding: 0;
  }
  .mobile-full-basis > [class*='lo-u'] {
    flex: none;
    width: 100%;
    max-width: 100%;
  }
  .lo-u1of2-mobile {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.grecaptcha-badge {
  visibility: hidden;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.marker {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #d7d9e0;
  border-radius: 4px;
  box-shadow: 0 0 0 2px #fff;
}
.marker.unread {
  background: #59bff1;
}
.marker.updated {
  background: #de3f3a;
}
.handle:hover {
  cursor: move;
}
.cart {
  position: relative;
}
.cart .count {
  display: inline-block;
  min-width: 18px;
  margin-right: 3px;
  line-height: 1.5;
  background: #fc3332;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), inset 0 -1px 0 0 rgba(0, 0, 0, 0.18);
  vertical-align: bottom;
  color: #fff;
}
.cart .count,
.progress-bar {
  font-size: 0.75rem;
  text-align: center;
}
.progress-bar {
  position: relative;
  width: 100%;
  height: 20px;
  padding: 2px;
  background: #d7d9e0;
  border-radius: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.progress-bar .progress-label-negative {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  width: calc(100% - 4px);
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
}
.progress-bar .bar {
  height: 16px;
  border-radius: -2px;
  position: relative;
  left: 0;
  top: 0;
  width: 10%;
  background: #fc4d50;
  overflow: hidden;
}
.progress-bar .bar.complete {
  width: 100%;
}
.progress-bar .progress-label-proceeding {
  position: absolute;
  left: 0;
  width: calc(100% - 4px);
  line-height: 16px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
.panel {
  position: relative;
  background-color: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 2px;
  text-align: left;
}
.panel .panel-head {
  margin: 0;
  padding: 13px 16px;
  border-bottom: 1px solid #e6e8eb;
  color: #171d26;
  font-size: 14px;
}
.panel .panel-head.no-border {
  border: none;
}
.panel .panel-foot,
.panel .panel-head.has-button {
  padding: 26px 32px;
  background-color: #f7f8fa;
}
.panel .panel-foot {
  border-top: 1px solid #d5d9de;
}
.panel .panel-container {
  padding: 26px 32px;
}
.panel table {
  border-right: none;
  border-left: none;
}
.panel table thead {
  color: #7f8d9f;
}
.panel.no-radius {
  border-radius: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .panel {
    box-sizing: border-box;
    width: 100% !important;
    box-shadow: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
  }
  .panel .panel-container {
    padding: 20px !important;
  }
  .panel .panel-foot {
    padding: 8px 10px;
  }
}
.has-ribbon {
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.has-ribbon .ribbon-label {
  position: absolute;
  top: 15px;
  left: -25px;
  width: 100px;
  line-height: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 0 0 rgba(0, 0, 0, 0.08);
  text-align: center;
  color: #fff;
  font-size: 0.75rem;
  transform: rotate(-45deg);
}
.has-ribbon .ribbon-label.popular {
  background-color: #de3f3a;
}
.fliped-ani {
  transform-style: preserve-3d;
  animation: fliped 0.66s cubic-bezier(0.23, 1, 0.32, 1) 1;
}
.fliped-ani .fliped-ani-back,
.fliped-ani .fliped-ani-front {
  position: absolute;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fliped-ani .fliped-ani-front {
  transform: rotateY(0deg);
}
.fliped-ani .fliped-ani-back {
  top: 0;
  bottom: 0;
  background: #fff;
  transform: rotateY(180deg);
}
@keyframes fliped {
  0% {
    opacity: 0.2;
    transform: rotateY(180deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0deg);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .invisible-with-sp {
    display: none;
  }
}
[class*='user_avatar-'],
[class|='user_avatar'] {
  background-size: cover;
  background-position: top;
  background-clip: border-box;
  overflow: hidden;
  position: relative;
  display: inline-block;
  line-height: 0;
  border-radius: 50%;
  font-size: 0;
}
[class*='user_avatar-'].no-radius,
[class|='user_avatar'].no-radius {
  border-radius: 0;
}
[class*='user_avatar-'].has-outline,
[class|='user_avatar'].has-outline {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.user_avatar-28,
.user_avatar_image-28 {
  height: 28px;
  width: 28px;
}
.user_avatar-32,
.user_avatar_image-32 {
  height: 32px;
  width: 32px;
}
.user_avatar-48,
.user_avatar_image-48 {
  height: 48px;
  width: 48px;
}
.user_avatar-68,
.user_avatar_image-68 {
  height: 68px;
  width: 68px;
}
.user_avatar-114,
.user_avatar_image-114 {
  height: 114px;
  width: 114px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .mobile-user_avatar-24,
  .mobile-user_avatar_image-24 {
    height: 24px;
    width: 24px;
  }
  .mobile-user_avatar-28,
  .mobile-user_avatar_image-28 {
    height: 28px;
    width: 28px;
  }
  .mobile-user_avatar-32,
  .mobile-user_avatar_image-32 {
    height: 32px;
    width: 32px;
  }
  .mobile-user_avatar-38,
  .mobile-user_avatar_image-38 {
    height: 38px;
    width: 38px;
  }
}
.badge {
  background: #252f3d;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
  display: inline-block;
  margin: 0 0.3em;
  padding: 0.45em 0.72em;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  font-size: 0.6875rem;
  line-height: 1;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .badge {
    white-space: normal;
    font-size: 0.625rem !important;
  }
}
.badge.bigger {
  font-size: 1.3em;
}
.badge.strong {
  background: #de3f3a;
}
.badge.digital {
  background: none;
  color: #22aa6c;
  border: 1px solid #2ad587;
}
.badge.via_warehouse {
  background: #7f8d9f;
  color: #fff;
}
.badge.draft {
  background: #fff;
  border: 1px solid #c7c9d1;
  color: #7f8d9f;
  min-width: 32px;
}
.badge.private {
  background: #de3f3a;
  min-width: 32px;
}
.badge.secret {
  background-color: #7f7aed;
  min-width: 32px;
}
.badge.public {
  background: #2ad587;
  min-width: 32px;
}
.badge.dispatched {
  background: #59bff1;
}
.badge.picking {
  background: #ff846b;
}
.badge.free,
.badge.not_ready,
.badge.paid,
.badge.undispatched {
  background: #de3f3a;
  min-width: 64px;
}
.badge.small-stock {
  background: #ff846b;
}
.badge.placeholder {
  background: #7f8d9f;
  color: #fff;
}
.badge.unpaid {
  background: #505c6b;
  min-width: 64px;
}
.badge.completed,
.badge.direct {
  background: #fff;
  border: 1px solid #c7c9d1;
  color: #7f8d9f;
}
.badge.completed {
  min-width: 64px;
}
.badge.cancelled {
  background: #7f8d9f;
  color: #fff;
  min-width: 64px;
}
.badge.dispatched,
.badge.shipped {
  min-width: 64px;
}
.badge.empty-stock,
.badge.out-of-period {
  background: #505c6b;
}
.badge.adult {
  background: #de3f3a;
}
.badge.announcement_type {
  min-width: 7em;
  background: #def2fc;
  color: #4ba0ca;
}
.badge.announcement_type.notice {
  background: #de3f3a;
  color: #fff;
}
.badge.event {
  border: 1px solid #c7c9d1;
  background: none;
  color: #7f8d9f;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.badge.category {
  background: #7f8d9f;
  color: #fff;
  vertical-align: top;
  font-size: 0.6875rem;
}
.badge a {
  color: inherit;
  text-decoration: none;
}
.btn {
  transition: all 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn small {
  color: inherit;
  opacity: 0.66;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.btn + .btn {
  margin-left: 0.5rem;
}
.btn[class*='submit'].small {
  padding: 0.625em 1.25em;
}
.btn[class*='negative'] {
  border: 2px solid #3a404a;
  border-radius: 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.btn[class*='negative'],
.btn[class*='negative'].disabled,
.btn[class*='negative']:disabled {
  background-color: transparent;
}
.btn.negative,
.btn.negative:link,
.btn.negative:visited {
  color: #3a404a;
}
.btn.negative:hover {
  color: #636870;
  border-color: #636870;
}
.btn.negative.disabled,
.btn.negative.disabled:hover,
.btn.negative:disabled,
.btn.negative:disabled:hover {
  color: #3a404a;
}
.btn.negative.dashed {
  border: 1px dashed #d5d9de;
}
.btn.only-texts {
  background-color: transparent;
  padding: 0;
  color: #1b7f8c;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.btn.follow-action {
  background-color: #ff5c67;
  margin: 0;
  color: #fff;
}
.btn.follow-action:hover,
.btn.follow-action:link,
.btn.follow-action:visited {
  color: #fff;
}
.btn.unfollow-action {
  background-color: #fff;
  border-color: #ff5c67;
  margin: 0;
  color: #ff5c67;
}
.btn.unfollow-action:hover,
.btn.unfollow-action:link,
.btn.unfollow-action:visited {
  color: #ff5c67;
}
.btn.submit-negative {
  border-color: #2c9ba6;
  color: #2c9ba6;
}
.btn.submit-negative:link,
.btn.submit-negative:visited {
  color: #2c9ba6;
}
.btn.submit-negative:hover {
  color: #58b0b9;
  border-color: #58b0b9;
}
.btn.submit-negative.disabled,
.btn.submit-negative.disabled:hover,
.btn.submit-negative:disabled,
.btn.submit-negative:disabled:hover {
  color: #2c9ba6;
}
.btn.submit-negative.dashed {
  border-style: dashed;
  border-width: 1px;
}
.btn[class*='add-cart'] {
  padding: 1em 2.5625em;
}
.btn.add-cart,
.btn.primary-color {
  background-color: #ff5c67;
}
.btn.add-cart:hover,
.btn.primary-color:hover {
  background-color: #ff7e87;
}
.btn.add-cart.disabled:hover,
.btn.add-cart:disabled:hover,
.btn.primary-color.disabled:hover,
.btn.primary-color:disabled:hover {
  background-color: #ff5c67;
}
.btn.add-cart-negative {
  border-color: #fc4d50;
  color: #fc4d50;
}
.btn.add-cart-negative:link,
.btn.add-cart-negative:visited {
  color: #fc4d50;
}
.btn.add-cart-negative:hover {
  color: #fd7275;
  border-color: #fd7275;
}
.btn.add-cart-negative.disabled,
.btn.add-cart-negative.disabled:hover,
.btn.add-cart-negative:disabled,
.btn.add-cart-negative:disabled:hover {
  color: #fc4d50;
}
.btn.delete {
  background-color: transparent;
  border: 1px solid #c0c5cf;
  border-radius: 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.btn.delete,
.btn.delete:link,
.btn.delete:visited {
  color: #3a404a;
}
.btn.delete:hover {
  background-color: transparent;
  color: #de3f3a;
  border-color: #de3f3a;
}
.btn.delete.disabled,
.btn.delete.disabled:hover,
.btn.delete:disabled,
.btn.delete:disabled:hover {
  color: #3a404a;
}
.btn.calm {
  background-color: rgba(95, 105, 122, 0.24);
  border-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.btn.calm,
.btn.calm:link,
.btn.calm:visited {
  color: #3d4651;
}
.btn.calm:hover {
  color: #3d4651;
  opacity: 0.79;
}
.btn.calm.negative {
  background-color: hsla(0, 0%, 100%, 0.42);
  border-color: rgba(95, 105, 122, 0.39);
  color: #3d4651;
}
.btn.calm-negative {
  padding: 0.5em 0.8em;
  background-color: transparent;
  border-color: rgba(95, 105, 122, 0.15);
  border-width: 1px;
  border-radius: 1px;
  box-shadow: 0 0 3px rgba(18, 26, 41, 0.03);
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
  color: #1b7f8c;
}
.btn.calm-negative:link,
.btn.calm-negative:visited {
  color: #1b7f8c;
}
.btn.calm-negative:hover {
  text-decoration: underline;
}
.btn.medium {
  font-size: 0.9375rem;
}
.btn.small,
.btn.small-dense {
  font-size: 0.8125rem;
  border-width: 1px;
}
.btn.small-dense {
  padding: 0.391em 0.625em;
}
.btn.big {
  font-size: 1.25rem;
}
.btn.full-length {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  justify-content: center;
}
.btn.ex-padding {
  padding: 1em 2.5625em;
}
.btn.has-small .cmd-label {
  display: block;
  line-height: 1.618;
}
.btn.factory {
  background-color: #0096fa;
  border-color: #0096fa;
}
.btn.factory:hover {
  background-color: #12a0ff;
}
.btn.factory:active {
  background-color: #2eabff;
}
.btn.more {
  padding: 0.625em 3.75em;
  background-color: none;
  border-color: #505c6b;
  color: #505c6b;
}
.btn.more:link,
.btn.more:visited {
  color: #252f3d;
}
.btn.more:hover {
  border-color: #67717e;
  color: #67717e;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .btn.mobile-full-length {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
  }
  .btn.mobile-full-length + .btn.mobile-full-length {
    margin: 0.625em 0 0;
  }
}
.js-expansion {
  margin-bottom: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.js-expansion .js-expansion-handle {
  text-align: center;
  display: block;
}
.js-expansion .js-expansion-content {
  display: block;
  overflow: hidden;
  position: relative;
  transition: height 0.6s ease-out;
}
.js-expansion .js-expansion-content:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(hsla(0, 0%, 100%, 0), #fff 50px, #fff);
  width: 100%;
  height: 60px;
  pointer-events: none;
}
.js-expansion.is-hide .js-expansion-content {
  height: 120px;
}
.js-expansion.is-open .js-expansion-content:after,
.js-expansion.is-open .js-expansion-handle {
  display: none;
}
.field_with_errors {
  position: relative;
  display: block;
}
.field_with_errors input[type='email'],
.field_with_errors input[type='number'],
.field_with_errors input[type='password'],
.field_with_errors input[type='tel'],
.field_with_errors input[type='text'],
.field_with_errors input[type='url'],
.field_with_errors textarea {
  border-color: #de3f3a;
}
.field_with_errors .message {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.47;
  color: #de3f3a;
}
.field_with_errors.type-calm input[type='email'],
.field_with_errors.type-calm input[type='email'].booth-text-field,
.field_with_errors.type-calm input[type='number'],
.field_with_errors.type-calm input[type='number'].booth-text-field,
.field_with_errors.type-calm input[type='password'],
.field_with_errors.type-calm input[type='password'].booth-text-field,
.field_with_errors.type-calm input[type='tel'],
.field_with_errors.type-calm input[type='tel'].booth-text-field,
.field_with_errors.type-calm input[type='text'],
.field_with_errors.type-calm input[type='text'].booth-text-field,
.field_with_errors.type-calm input[type='url'],
.field_with_errors.type-calm input[type='url'].booth-text-field,
.field_with_errors.type-calm textarea,
.field_with_errors.type-calm textarea.booth-text-field {
  border-color: #59bff1;
}
.field_with_errors.type-calm .message {
  color: #59bff1;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .field_with_errors {
    display: block;
  }
  .field_with_errors .message {
    font-size: 0.75rem;
    line-height: 1.3333333333;
  }
}
form .field-label {
  display: block;
}
form th {
  text-align: right;
}
form td,
form th {
  vertical-align: top;
}
form tbody td {
  width: 80%;
}
form tbody th {
  max-width: 20%;
  white-space: nowrap;
}
form .adjust-valign {
  vertical-align: middle;
  line-height: 2.25;
}
.field {
  position: relative;
}
.field-label,
label {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.layout-horizontal {
  display: table;
  width: 100%;
  margin: 0;
  padding: 26px 0;
  border-top: 1px solid #e6e8eb;
}
.layout-horizontal.first {
  border-top: 2px solid #e6e8eb;
}
.layout-horizontal.no-border {
  padding: 13px 0;
  border: none;
}
.layout-horizontal .field-label {
  display: table-cell;
  width: 176px;
  padding-right: 0.4em;
  vertical-align: middle;
  color: #414a56;
}
.layout-horizontal > .field_with_errors {
  display: table-cell;
  vertical-align: top;
}
.layout-horizontal > .field_with_errors:first-child {
  width: 176px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .layout-horizontal {
    box-sizing: border-box;
    padding: 22px 16px;
  }
  .layout-horizontal.no-border {
    padding: 13px 16px;
  }
  .layout-horizontal.mobile-no-horizontal {
    display: block;
  }
  .layout-horizontal.mobile-no-horizontal > .field-label {
    display: block;
    width: 100%;
    margin: 0 0 0.285rem;
  }
}
.layout-input {
  margin: 0 0 26px;
}
legend {
  margin-bottom: 6.5px;
  color: #252f3d;
  vertical-align: middle;
}
.legend,
legend {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.legend {
  color: #3d4651;
}
textarea {
  height: 130px;
}
textarea.medium-height {
  height: 13rem;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea {
  margin: 0 0.625em 0 0;
  vertical-align: middle;
  color: #171d26;
  transition: all 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
}
input[type='email'][required='required'],
input[type='number'][required='required'],
input[type='password'][required='required'],
input[type='tel'][required='required'],
input[type='text'][required='required'],
input[type='url'][required='required'],
textarea[required='required'] {
  background: #fffce8;
}
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus {
  background: #fff;
  outline: 0;
  border-color: #171d26;
}
input[type='email']:focus:placeholder,
input[type='number']:focus:placeholder,
input[type='password']:focus:placeholder,
input[type='tel']:focus:placeholder,
input[type='text']:focus:placeholder,
input[type='url']:focus:placeholder,
textarea:focus:placeholder {
  color: #a5afbb;
}
input[type='email']:disabled,
input[type='number']:disabled,
input[type='password']:disabled,
input[type='tel']:disabled,
input[type='text']:disabled,
input[type='url']:disabled,
textarea:disabled {
  background: #f6f9fa;
  border-color: #dde5e7;
  color: #b0b8bf;
  opacity: 1;
  box-shadow: none;
}
input[type='email'].condensed,
input[type='number'].condensed,
input[type='password'].condensed,
input[type='tel'].condensed,
input[type='text'].condensed,
input[type='url'].condensed,
textarea.condensed {
  padding: 0.4375rem;
}
input[type='email'].has-value,
input[type='number'].has-value,
input[type='password'].has-value,
input[type='tel'].has-value,
input[type='text'].has-value,
input[type='url'].has-value,
textarea.has-value {
  background: #fff;
  outline: 0;
}
input[type='email'].has-error,
input[type='number'].has-error,
input[type='password'].has-error,
input[type='tel'].has-error,
input[type='text'].has-error,
input[type='url'].has-error,
textarea.has-error {
  border-color: #de3f3a;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  input[type='email'],
  input[type='number'],
  input[type='password'],
  input[type='tel'],
  input[type='text'],
  input[type='url'],
  textarea {
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 0;
    margin-right: 0;
  }
}
input[type='email'].input-tiny,
input[type='number'].input-tiny,
input[type='password'].input-tiny,
input[type='tel'].input-tiny,
input[type='text'].input-tiny,
input[type='url'].input-tiny,
textarea.input-tiny {
  width: 11rem;
}
input[type='email'].full-length,
input[type='number'].full-length,
input[type='password'].full-length,
input[type='tel'].full-length,
input[type='text'].full-length,
input[type='url'].full-length,
input[type='search'].full-length,
textarea.full-length {
  width: 100%;
}
input[type='email'].small-height,
input[type='number'].small-height,
input[type='password'].small-height,
input[type='tel'].small-height,
input[type='text'].small-height,
input[type='url'].small-height,
textarea.small-height {
  padding: 8px 0.625em;
  vertical-align: middle;
}
select {
  margin-right: 0.625em;
}
select.full-length {
  width: 100%;
}
input[type='number'].stock {
  width: 5rem;
}
.field-annotation {
  display: inline-block;
  max-width: 352px;
  color: #505c6b;
  font-size: 0.75rem;
  vertical-align: top;
}
.submitarea {
  margin: 1.5rem 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .submitarea {
    margin: 10px 0;
  }
}
.ui-range-interface {
  position: relative;
}
.ui-range-background {
  position: relative;
  height: 6px;
  background-color: #c7c9d1;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fff, inset 0 1px 0 rgba(0, 0, 0, 0.05);
}
.ui-range-background,
.ui-range-toggle {
  -webkit-user-select: none;
  user-select: none;
}
.ui-range-toggle {
  position: absolute;
  top: -9px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 3px 0 rgba(0, 0, 0, 0.13);
}
.ui-range-ruler {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ui-range-toggle {
    top: -15px;
    width: 36px;
    height: 36px;
  }
  .ui-range-ruler {
    font-size: 1rem;
  }
}
.ui-range-fill {
  background-color: #5ccbd2;
  height: 6px;
  border-radius: 3px;
}
.authentication .field {
  margin: 0.8125rem 0 0;
}
.error-balloon {
  position: absolute;
  bottom: 100%;
  padding: 0.625em;
  background: #de3f3a;
  border-radius: 3px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.34);
  color: #fff;
  font-size: 0.75rem;
  transform: translateY(4px);
}
.error-balloon:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 8px;
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #de3f3a;
}
.input-small {
  margin: 0.5em 0 1em;
  font-size: 0.8125rem;
}
.step-navs {
  padding: 13px 0 0;
  font-size: 0.875rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .step-navs {
    padding: 8px 16px;
  }
}
.pulldown-menu {
  box-sizing: border-box;
  top: -4px;
  margin: 14px 0 0;
  padding: 8px 0;
  background: hsla(0, 0%, 99.6%, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.13);
  position: relative;
  line-height: 26px;
  z-index: auto;
}
.pulldown-menu .nav,
.pulldown-menu .nav-item {
  display: block;
  text-decoration: none;
}
.pulldown-menu .nav-item:hover,
.pulldown-menu .nav:hover {
  background-color: #ebedf2;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .pulldown-menu {
    padding: 10px;
    top: 12px;
    margin: 0 10px;
  }
  .breadcrumbs .pulldown-menu.breadcrumb:before,
  .pulldown-menu:after,
  .pulldown-menu:before {
    display: none;
  }
}
.breadcrumbs .pulldown-menu.breadcrumb:before,
.pulldown-menu:after,
.pulldown-menu:before {
  content: '';
  display: block;
  position: absolute;
  top: -24px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 12px solid transparent;
  border-bottom-color: #fff;
  right: 50%;
  margin-right: -12px;
}
.breadcrumbs .pulldown-menu.breadcrumb:before,
.pulldown-menu:before {
  top: -25px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .pulldown-area {
    width: 100%;
  }
  .pulldown-menu:after,
  .pulldown-menu:before {
    right: 40px;
  }
}
.pulldown-menu-right {
  box-sizing: border-box;
  top: -4px;
  margin: 14px 0 0;
  padding: 8px 0;
  background: hsla(0, 0%, 99.6%, 0.96);
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 5px;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.13);
  position: relative;
  line-height: 26px;
  z-index: auto;
}
.pulldown-menu-right .nav,
.pulldown-menu-right .nav-item {
  display: block;
  text-decoration: none;
}
.pulldown-menu-right .nav-item:hover,
.pulldown-menu-right .nav:hover {
  background-color: #ebedf2;
}
.breadcrumbs .pulldown-menu-right.breadcrumb:before,
.pulldown-menu-right:after,
.pulldown-menu-right:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -18px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 12px solid transparent;
  border-right-color: #fff;
}
.breadcrumbs .pulldown-menu-right.breadcrumb:before,
.pulldown-menu-right:before {
  left: -19px;
  border-right-color: rgba(0, 0, 0, 0.1);
}
.guide-nav {
  zoom: 1;
  text-align: justify;
  text-justify: distribute-all-lines;
  font-size: 0;
  transition: padding-top 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
  min-width: 832px;
  margin: 0 auto;
}
.guide-nav:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.guide-nav li {
  zoom: 1;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.guide-nav li.placeholder {
  margin: 0;
  padding: 0;
  height: 0;
}
.guide-nav .current a {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  color: #fc4d50 !important;
}
.guide-nav .current:after {
  background: #afb2bd;
}
.guide-nav li {
  position: relative;
  font-size: 0.75rem;
  color: #fc4d50;
}
.guide-nav li a {
  height: 40px;
  line-height: 40px;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  color: #171d26 !important;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.guide-nav li a:hover {
  color: #fc4d50 !important;
  text-decoration: none;
}
.guide-nav li a.emphasis {
  color: #fc4d50;
}
.guide-nav .cmd-label {
  padding-left: 0 !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-nav {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-nav,
  .guide-nav:after {
    display: none;
  }
}
.segmented-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.segmented-nav a {
  display: inline-block;
  padding: 0.625em 0.825em;
  border: 2px solid #e6e8eb;
  border-radius: 21.416px;
}
.segmented-nav a:hover {
  border-color: #dadee2;
}
.segmented-nav li {
  display: inline-block;
  margin: 0 8px 0 0;
  font-size: 0.75rem;
}
.segmented-nav li.current a {
  color: #fc4d50 !important;
  border-color: #ff5c67;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .segmented-nav {
    margin: 8px 10px;
  }
  .segmented-nav li {
    margin: 4px;
    font-size: 0.6875rem;
  }
  .segmented-nav a {
    padding: 0.3125em 0.825em;
  }
}
.ui-segmented-tablet-nav {
  margin: 0 auto 26px;
}
.ui-segmented-tablet-nav.centered {
  text-align: center;
}
.ui-segmented-tablet-nav ul {
  display: inline-table;
  border: 1px solid #d5d9de;
  border-radius: 0.34em;
}
.ui-segmented-tablet-nav ul > li {
  display: table-cell;
}
.ui-segmented-tablet-nav ul .nav-item {
  display: block;
}
.ui-segmented-tablet-nav .nav-item {
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-right: 1px solid #d5d9de;
  color: #657386;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.ui-segmented-tablet-nav .nav-item:visited {
  color: #657386;
}
.ui-segmented-tablet-nav .nav-item.current,
.ui-segmented-tablet-nav .nav-item:hover {
  background: #fff;
  color: #171d26;
}
.ui-segmented-tablet-nav .nav-item.current [class*='icon'],
.ui-segmented-tablet-nav .nav-item:hover [class*='icon'] {
  color: #fc4d50;
}
.ui-segmented-tablet-nav li:last-child .nav-item {
  border-right-width: 0;
  border-radius: 0 0.34em 0.34em 0;
}
.ui-segmented-tablet-nav li:first-child .nav-item {
  border-radius: 0.34em 0 0 0.34em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ui-segmented-tablet-nav.centered ul,
  .ui-segmented-tablet-nav.centered ul > li {
    display: block;
  }
  .ui-segmented-tablet-nav.centered ul > li .nav-item {
    border-bottom: 1px solid #d5d9de;
    border-right-width: 0;
  }
  .ui-segmented-tablet-nav.centered ul > li:last-child .nav-item {
    border: none;
    border-radius: 0 0 0.34em 0.34em;
  }
  .ui-segmented-tablet-nav.centered ul > li:first-child .nav-item {
    border-radius: 0.34em 0.34em 0 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ui-segmented-tablet-nav {
    margin: 22px 16px;
  }
  .ui-segmented-tablet-nav .nav-item {
    padding: 0.625em;
  }
}
.ui-nav-group-by-v-hairline {
  display: flex;
  line-height: 0;
  border-left: 1px solid #d5d9de;
}
.ui-nav-group-by-v-hairline-item {
  padding: 0 0.625em;
  border-right: 1px solid #d5d9de;
}
.ui-nav-group-by-v-hairline-anchor {
  display: flex;
  align-items: center;
}
.ui-nav-group-by-v-hairline-anchor .cmd-label {
  flex: 1 0 auto;
}
.breadcrumbs .ui-nav-group-by-v-hairline-anchor .breadcrumb:before,
.ui-nav-group-by-v-hairline-anchor .breadcrumbs .breadcrumb:before,
.ui-nav-group-by-v-hairline-anchor .icon-arrow-open-right {
  display: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ui-nav-group-by-v-hairline {
    flex-direction: column;
    border: 1px solid #d5d9de;
    border-radius: 0.3125em;
  }
  .ui-nav-group-by-v-hairline-item {
    padding: 0;
    border: none;
  }
  .ui-nav-group-by-v-hairline-item + .ui-nav-group-by-v-hairline-item {
    border-top: 1px solid #d5d9de;
  }
  .breadcrumbs .ui-nav-group-by-v-hairline-item .breadcrumb:before,
  .ui-nav-group-by-v-hairline-item .breadcrumbs .breadcrumb:before,
  .ui-nav-group-by-v-hairline-item .icon-arrow-open-right {
    display: block;
  }
  .ui-nav-group-by-v-hairline-anchor {
    padding: 0.625em;
  }
}
.ui-tab {
  padding: 0 0 2px;
}
.ui-tab.centered {
  text-align: center;
}
.ui-tab.centered ol,
.ui-tab.centered ul {
  display: inline-table;
  vertical-align: bottom;
}
.ui-tab.centered ol > li,
.ui-tab.centered ul > li {
  display: table-cell;
  vertical-align: bottom;
}
.ui-tab.centered ol .nav-item,
.ui-tab.centered ul .nav-item {
  display: block;
}
.ui-tab ul:after {
  clear: both;
  content: '';
  display: table;
}
.ui-tab ul > li {
  float: left;
}
.ui-tab .nav-item {
  position: relative;
  margin: 0 1px;
  padding: 1.25em;
  background: #fff;
  border-radius: 3px 3px 0 0;
  font-size: 1rem;
}
.ui-tab .nav-item.current {
  background: #fc4d50;
  color: #fff;
}
.pager {
  text-align: center;
  margin: 1.625rem 0 2.4375rem;
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
}
.pager ol,
.pager ul {
  display: inline-table;
  vertical-align: bottom;
}
.pager ol > li,
.pager ul > li {
  display: table-cell;
  vertical-align: bottom;
}
.pager ol .nav-item,
.pager ul .nav-item {
  display: block;
}
.pager .nav-item {
  min-width: 12px;
}
.pager li {
  position: relative;
  top: -1px;
  padding: 0 0.5em;
  line-height: 1.625;
}
.pager li .nav-item {
  padding-top: 0;
  padding-bottom: 0;
  color: #7f8d9f;
  line-height: 1.625;
}
.pager li .nav-item.first-page,
.pager li .nav-item.last-page,
.pager li .nav-item[rel='next'],
.pager li .nav-item[rel='prev'] {
  color: #1b7f8c;
}
.pager li.current .nav-item {
  color: #fc4d50;
}
.pager li:hover .nav-item {
  color: #1b7f8c;
}
.pager [class*='icon-']:before {
  line-height: 1.625;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .pager {
    margin: 0;
    border-top: 1px solid #e6e8eb;
  }
  .pager nav {
    padding: 11px 0;
  }
  .pager li {
    padding: 0;
  }
}
.breadcrumbs {
  padding: 0.615em 0;
  font-size: 0.8125rem;
}
.breadcrumbs .breadcrumb,
.breadcrumbs .breadcrumb .label {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs .breadcrumb .label {
  line-height: 2;
}
.breadcrumbs .breadcrumb:before {
  display: inline-block;
  margin-right: 0.3em;
  font-family: booth_font;
  vertical-align: middle;
  color: #252f3d;
  line-height: 1;
}
.breadcrumbs .breadcrumb:first-child:before {
  display: none;
}
.breadcrumbs .nav:link,
.breadcrumbs .nav:visited {
  vertical-align: middle;
  opacity: 0.6;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .breadcrumbs {
    font-size: 0.625rem;
  }
}
.slick-loading .slick-list {
  background: #fff url(/static-images/ajax-loader.gif) 50% no-repeat;
}
.slick-prev {
  left: 0;
}
[dir='rtl'] .slick-prev {
  left: auto;
  right: -25px;
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 0;
}
[dir='rtl'] .slick-next {
  left: -25px;
  right: auto;
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
.slick-next:before,
.slick-prev:before {
  font-family: booth_font;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.slick-next,
.slick-prev {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block;
  height: 2rem;
  width: 2rem;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  padding: 0;
  border: none;
  z-index: 1;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-slider {
  margin-bottom: 20px;
}
.slick-slide img {
  margin: 0 auto;
}
.slick-dots {
  position: absolute;
  bottom: -22px;
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
.slick-dots li,
.slick-dots li button {
  height: 10px;
  width: 10px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: #171d26;
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  border-radius: 50%;
  opacity: 0.25;
}
.slick-dots li.slick-active button {
  color: #fff;
  opacity: 0.75;
}
.slick-slider {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:after,
.slick-track:before {
  content: '';
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.notifications {
  font-size: 0.8125rem;
}
.notifications td {
  border-style: solid;
}
.notifications td.type {
  max-width: 3rem;
}
.notifications td.flag {
  width: 8px;
}
.notifications tr.unread {
  background: #fff;
  color: #171d26;
}
thead th {
  font-size: 0.75rem;
}
.confirmation td,
.confirmation th {
  vertical-align: top;
}
.confirmation th {
  white-space: nowrap;
  text-align: right;
}
.confirmation td {
  text-align: left;
}
.confirmation .sub-label {
  margin-top: 19.5px;
  color: #171d26;
}
.confirmation .sub-label:first-child {
  margin-top: 0;
}
.confirmation dt {
  margin: 2.4375rem 0 0;
  line-height: 3.25;
  font-size: 1rem;
}
.confirmation dd {
  margin: 0;
}
table .ui-clickable:hover {
  cursor: pointer;
}
table .ui-clickable:hover td {
  background: #fffaf9 !important;
}
.item-name {
  text-align: left;
}
.date,
.number,
.price {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}
.total {
  color: #171d26;
  font-size: 1rem;
}
.footer-action {
  background: #e5e7eb;
}
.addresses {
  font-size: 0.8125rem;
  text-align: center;
}
.addresses p {
  margin: 0;
}
.page-head {
  line-height: 1.04;
  margin: 0;
  padding: 0.8125rem 0 2.4375rem;
  font-size: 1.5625rem;
  text-align: center;
}
.page-head.bigger {
  float: none;
  line-height: 1.2580645161;
  font-size: 1.9375rem;
  margin: 26px 0 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .page-head {
    padding: 0 0 22px;
    font-size: 1.125rem;
  }
}
.subhead-bold {
  margin: 2.4375rem 0 0;
  line-height: 3.25;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.subhead-bold:first-child {
  margin-top: 0;
}
.section-head {
  line-height: 1.3;
  font-size: 1.25rem;
  margin: 13px 0;
}
.sub-sectionhead {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  line-height: 2;
  font-size: 0.8125rem;
  color: 'inherit';
  margin: 0;
}
.particulars-heading {
  display: inline-block;
  margin-right: 0.4em;
}
.particulars-heading:after {
  content: ':';
}
.nav-reverse {
  text-decoration: none;
}
.nav-reverse:hover {
  text-decoration: underline;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .nav-reverse:hover {
    text-decoration: none;
  }
}
.nav:link,
.nav:visited {
  color: #252f3d;
  text-decoration: none;
}
.nav:hover {
  text-decoration: underline;
}
.nav:active,
.nav:hover {
  color: #171d26;
}
.nav-item {
  text-decoration: none;
}
.nav-item:visited {
  color: #1b7f8c;
}
.text-ui {
  text-decoration: none;
  transition: color 88ms ease-in;
}
.text-ui:visited {
  color: #1b7f8c;
}
.text-ui:link,
.text-ui:visited {
  color: #171d26;
}
.text-ui:hover {
  color: #353a42;
}
.text-ui:active {
  color: #171d26;
}
.text-ui.current,
.text-ui.current:hover {
  color: #fc4d50;
}
.text-ui-negative {
  text-decoration: none;
}
.text-ui-negative:link,
.text-ui-negative:visited {
  color: #3d4651;
}
.text-ui-negative:hover {
  color: #505c6b;
}
.link-ext:link,
.link-ext:visited {
  color: #1b7f8c;
}
.truncated-text {
  max-width: 100%;
  display: inline-block;
}
.alert-warning {
  color: #998b31;
}
.alert {
  background: #de3f3a;
  color: #fff;
}
.notice {
  background-color: #59bff1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13);
}
.alert-info {
  margin: 13px 0;
  color: #59bff1;
}
.fs-big {
  font-size: 1.125em;
}
.fs-small {
  font-size: 0.8125em;
  line-height: 1.385;
}
.fs-small li {
  line-height: inherit;
  margin-bottom: 0.5384615385em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .fs-small li {
    line-height: 1.2692307692;
    margin-bottom: 0.6875rem;
  }
}
.fw-normal {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.note {
  font-size: 0.8em;
}
.lead {
  color: #de3f3a;
}
.no-result {
  padding: 0.625em;
  background: #ebedf2;
  border: 1px solid #d4d5da;
  border-radius: 5px;
}
.auth {
  width: 100%;
}
.auth .wrapper {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.auth .panel-container {
  padding: 26px 48px;
}
.auth .panel {
  width: 512px;
  margin: 0 auto;
}
.auth .panel.notification {
  font-size: 0.875rem;
  margin-bottom: 20px;
}
.auth .panel.duplicated .panel-container {
  color: #de3f3a;
}
.auth .panel-head {
  background: #ebedf2;
  font-size: 1.25rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.auth .btn {
  margin-right: 0;
}
.auth .field {
  margin: 13px 0;
}
.auth .field-label {
  width: 8em;
}
.auth input[type='email'],
.auth input[type='password'],
.auth input[type='text'] {
  margin-right: 0;
}
.auth .email-confirmation {
  margin-top: 4px;
}
.auth .email-confirmation .commercial-at {
  vertical-align: middle;
  font-size: 1.5rem;
}
body.grid:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background-image: linear-gradient(#f0f, #f0f 50%, transparent 0, transparent);
  background-size: 1px 48px;
  opacity: 0.2;
  pointer-events: none;
  z-index: 100;
}
body {
  display: flex;
  flex-direction: column;
  -webkit-backface-visibility: hidden;
}
.container {
  position: relative;
  margin: 0 auto;
}
.container,
.container.static-width {
  width: 944px;
}
.container.static-1of2 {
  width: 464px;
}
.container.static-3of4 {
  width: 704px;
}
.container.static-3of5 {
  width: 560px;
}
.container.static-4of5 {
  width: 752px;
}
.container.static-narrow {
  width: 512px;
}
.container.static-narrow-widen {
  width: 672px;
}
.wrapper:after {
  clear: both;
  content: '';
  display: table;
}
.section {
  padding: 26px 0;
}
.section .sectionhead {
  margin: 26px 0 13px;
  font-size: 1.25rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.section.no-padding {
  padding: 0;
}
.section:last-child {
  padding-bottom: 104px;
}
.section p:last-child {
  margin: 0;
}
.sub-section {
  margin: 26px 0;
  padding: 0.625em 1.25em;
  background: #ebedf2;
  border-radius: 5px;
  border: 1px solid #ccd1de;
  color: #5ccbd2;
  font-size: 0.875rem;
}
.annotation-box {
  margin: 0.8125rem auto;
  padding: 0.8125rem 1rem;
  background-color: #f2ee80;
  color: #3d4651;
  font-size: 0.8125em;
  line-height: 1.5;
}
.annotation-box-head {
  margin: 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  body {
    background: #fff;
  }
  .wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .wrapper:after {
    display: none;
  }
  .wrapper.no-flex {
    display: block;
  }
  .wrapper.mobile-no-horizontal {
    flex-direction: column;
  }
  .section {
    padding: 22px 0;
  }
  .section:last-child {
    padding-bottom: 0;
  }
  .section .sectionhead {
    font-size: 1rem;
  }
  .containers-wrap {
    padding: 0;
    margin-top: -32px;
  }
  .container {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .container[class*='static-'] {
    width: 100%;
    width: 100vw;
  }
  .annotation-box {
    margin: 0.6875rem auto;
    padding: 0.6875rem 4.2666666667%;
  }
  .mobile-horizontal-overflow {
    width: 100vw;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .mobile-scollable-table {
    display: block;
    width: 100%;
    overflow-x: scroll;
  }
  .mobile-scollable-table tbody {
    display: table;
    width: 200%;
  }
}
[role='main'] {
  margin: 0 auto;
}
.main-head {
  background: #fff;
  padding: 8px 0 31.2px;
}
#error_explanation {
  margin: 0 auto 0.8125rem;
  padding: 0.625em 1.252em;
  background-color: #fff;
  border: 1px solid #de3f3a;
  color: #505c6b;
}
#error_explanation .error-explanation-heading {
  margin: 0;
  font-size: 1rem;
  line-height: 1.625;
  color: #de3f3a;
}
#error_explanation .error-explanation-list {
  padding: 0 0.625em;
  list-style-position: inside;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #error_explanation {
    padding: 0.5em 1em;
  }
}
.section-line {
  margin: 3.25rem 0 1.625rem;
  border-top: 1px solid #d5d9de;
}
.action {
  margin-top: 13px;
}
.more-button-area {
  padding-bottom: 52px;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.page-wrap {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  flex-grow: 1;
  flex-basis: auto;
  background-color: #f1f5f8;
  box-shadow: 1px 0 0 0 rgba(0, 0, 0, 0.05);
  transition: all 0.18s ease-in, right 0.18s ease-in;
  min-width: 970px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .page-wrap {
    min-width: auto;
  }
}
footer {
  position: relative;
  z-index: 1;
  transition: transform 0.18s ease-in;
  min-width: 970px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  footer {
    min-width: auto;
  }
}
.co-page-information-bar {
  padding: 0.625em;
  font-size: 0.9375rem;
  letter-spacing: 0.34px;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.co-page-information-bar.assertive {
  background-color: #f24343;
  color: #fff;
}
.co-page-information-bar.assertive a:link,
.co-page-information-bar.assertive a:visited {
  color: #fff;
}
.co-page-information-bar p {
  margin: 0 auto;
}
.co-flex-cell-with-separator {
  margin-right: 2rem;
  padding-right: 2rem;
  border-right: 1px solid #e6e8eb;
}
.co-flex-cell-with-separator:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .co-flex-cell-with-separator {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0.171875rem;
    padding: 0 0 0.171875rem;
    border: none;
    border-bottom: 1px solid #e6e8eb;
  }
}
.manage-page-head {
  padding: 1.625rem 0;
}
.manage-page-head-title {
  margin: 0;
  font-size: 1.25rem;
  text-align: center;
  letter-spacing: 0.5px;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.manage-page-head.has-navigation .manage-page-head-title {
  max-height: 1.3em;
  line-height: 1.3;
}
.manage-page-head.has-navigation .action-area {
  flex: 1 2 39px;
}
.manage-page-head.has-navigation .title-area {
  overflow: hidden;
}
.manage-page-head .avatar-area {
  line-height: 0;
}
.manage-page-body {
  padding: 0 0 4.875rem;
}
.manage-section-group-heading-box {
  margin: 0;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb;
  padding: 1.43rem 2.5rem;
}
.manage-section-group-heading {
  margin: 0;
  font-size: 1.5625rem;
  line-height: 1.28;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-section-group-heading {
    padding: 19px 4vw 0;
    box-shadow: none;
    font-size: 1.375rem;
    line-height: 1.1363636364;
  }
}
.manage-section-block {
  margin: 0;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb;
  padding: 2.4375em 2.5em;
}
.manage-section-block-heading {
  margin: 0 0 1.625rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
.manage-section-block-heading-small {
  margin: 0;
  font-size: 0.6875rem;
  line-height: 1.1818181818;
  color: #7f8d9f;
}
.manage-section-block-sub-heading {
  margin: 0;
  font-size: 1rem;
  line-height: 1.625;
}
.manage-section-block .note {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #3d4651;
}
.manage-nav-block {
  margin: 0;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb;
  padding: 0.8125em 1em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-nav-block.condensed {
    padding: 0.3125em 0.5em;
  }
}
.manage-section-outer-block {
  padding: 0.8125rem 0;
}
.manage-sub-section-box {
  padding: 1em 1.5384615385em;
  border: 1px solid #e6e8eb;
  font-size: 0.9375em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-sub-section-box {
    padding: 0.6153846154em 0.7692307692em;
  }
}
.horizolntal-particular {
  position: relative;
  padding: 0 1.25em;
}
.horizolntal-particular:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 1px;
  height: 1em;
  background-color: #d5d9de;
  transform: translateY(-50%);
}
.horizolntal-particular:last-child:after {
  background-color: transparent;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .horizolntal-particular.is-mobile-vertical {
    padding: 0;
  }
  .horizolntal-particular.is-mobile-vertical:after {
    display: none;
  }
}
.manage-list-table {
  margin: 0;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb;
  padding: 1.625em 2.5em;
}
.manage-list-table.in-manage-section-block {
  padding: 1em 0;
  box-shadow: none;
}
.manage-list-table.in-manage-section-block + .in-manage-section-block {
  box-shadow: inset 0 1px 0 0 #e6e8eb;
}
.manage-list-table.in-manage-section-block:first-child {
  padding-top: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-list-table.in-manage-section-block:first-child {
    padding: 0.6875rem 0;
    box-shadow: inset 0 1px 0 0 #e6e8eb;
  }
}
.manage-list-table.in-manage-section-block.has-background {
  padding: 1em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-list-table.in-manage-section-block {
    padding: 0.6875rem 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-list-table-cell {
    padding: 0.171875rem 0;
  }
}
.manage-list-table-cell-heading {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-feature-settings: 'palt';
}
.manage-list-table-cell-data {
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-list-table-cell-data {
    text-align: right;
  }
}
.manage-list-card,
.manage-list-card-foot,
.manage-list-card.no-behavior {
  box-sizing: border-box;
  padding: 1em 1.25em;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb;
}
.manage-list-card-foot:active,
.manage-list-card-foot:hover,
.manage-list-card:active,
.manage-list-card:hover {
  background-color: #fcfcfc;
}
.manage-list-card-foot:hover,
.manage-list-card.no-behavior:hover {
  background-color: #fff;
}
.co-thread-content {
  margin-bottom: 0.8125rem;
}
.co-thread-content + .co-thread-content {
  margin: 0.8125rem 0 0.8125rem 1.5rem;
  padding-left: 1rem;
  box-shadow: -3px 0 0 0 #e6e8eb;
}
.co-breakdown-table {
  border-top: 1px solid #e6e8eb;
}
.co-breakdown-table-row,
.co-breakdown-table-row-odd {
  padding: 0 0.19em;
  line-height: 1.78;
}
.co-breakdown-table-row-odd {
  background-color: #ebedf2;
}
.co-breakdown-table-value-negative {
  color: #de3f3a;
}
.co-breakdown-table-value-positive {
  color: #59bff1;
}
.co-breakdown-table-foot {
  border-top: 1px solid #e6e8eb;
}
.manage-ui-accordion-title {
  padding: 0.8125rem 0.5rem;
  border-top: 1px solid #e6e8eb;
  color: #171d26;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.manage-ui-accordion {
  border-bottom: 1px solid #e6e8eb;
}
.manage-ui-accordion.is-disable .manage-ui-accordion-title {
  cursor: default;
}
.manage-ui-accordion .icon-arrow-micro-right {
  transform-origin: 7.5px 8px 0;
  transition: transform 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.co-expansion-panel {
  border-top: 0.5px solid #e6e8eb;
}
.co-expansion-panel-trigger {
  width: 3.25rem;
  flex-basis: 3.25rem;
  margin-left: 1em;
}
.co-expansion-panel-trigger [class|='icon'] {
  width: 100%;
  height: 3.25rem;
  transition: transform 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.co-expansion-panel-body {
  margin-right: 4.25rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .co-expansion-panel-trigger {
    width: 2.75rem;
    flex-basis: 2.75rem;
  }
  .co-expansion-panel-trigger [class|='icon'] {
    height: 2.75rem;
  }
}
.manage-ui-accordion-contents {
  margin: 0 0 1.625rem;
}
.manage-ui-accordion-contents__inner-block {
  padding: 0 0 0 1.75rem;
}
.manage-ui-accordion-pointer {
  display: block;
  padding: 0.40625rem 1.75rem;
  border-radius: 2px;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .manage-ui-accordion-pointer:hover {
    background-color: #ebedf2;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-ui-accordion {
    font-size: 0.9375rem;
  }
  .manage-ui-accordion-title {
    padding: 0.6875rem 2.1333333333%;
  }
  .manage-ui-accordion-contents {
    margin: 0 0 1.375rem;
  }
  .manage-ui-accordion-contents__inner-block {
    padding: 0 0 0 7.4666666667%;
  }
  .manage-ui-accordion-pointer {
    display: block;
    padding: 0.34375rem 7.4666666667%;
  }
}
.manage-panel {
  margin-top: 1.625rem;
  background-color: #fff;
  border: 1px solid #e6e8eb;
}
.manage-panel-heading {
  padding: 0.40625em 1em;
  background-color: #f7f8fa;
  font-size: 1rem;
  color: #3d4651;
}
.manage-panel-container {
  margin: 0 1em;
  padding: 0.625em 0;
}
.manage-panel-container + .manage-panel-container {
  border-top: 1px solid #f2f4f5;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-panel {
    margin-top: 1.375rem;
  }
  .manage-panel-heading {
    font-size: 0.8125rem;
  }
  .manage-panel-container {
    margin: 0 8px;
    padding: 0.34375rem 0;
  }
}
.manage-f-field + .manage-f-field {
  margin: 1.625em 0 0;
}
.manage-f-field-label {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.manage-f-field-component {
  margin: 0.8125em 0;
}
.manage-f-field-component:first-child {
  margin: 0;
}
.manage-f-field-note {
  font-size: 0.8125rem;
  color: #505c6b;
  font-feature-settings: 'palt';
}
.manage-f-legend {
  display: inline-block;
  margin: 0;
  color: #3d4651;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 737px) {
  .manage-f-legend.adj-f_top-dipswitch {
    margin-top: 0.0714285714em;
  }
}
.is-check-radio-label {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.manage-f-submit-section {
  padding: 1.625rem 2.5rem;
  background-color: #fff;
}
.blocked-radios {
  margin: 5.5px 0;
  border: 1px solid #d5d9de;
  border-bottom: none;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.05);
}
.blocked-radios .lo-grid-cell {
  padding-left: 8px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .blocked-radios {
    font-size: 0.9375rem;
  }
}
.on-white-bg {
  position: relative;
}
.on-white-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.is-bg-image:after {
  position: static;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-page-head {
    padding: 10px 0;
    background-color: #f7f8fa;
    box-shadow: inset 0 -1px 0 0 #f2f4f5;
  }
  .manage-page-head-title {
    font-size: 0.8125rem;
    line-height: 1;
  }
  .manage-page-body {
    padding: 0 0 1.375rem;
  }
  .manage-section-block {
    padding: 1.375rem 4vw;
  }
  .manage-section-block-heading {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
  .manage-section-block-heading-small {
    line-height: 1.375;
  }
  .manage-section-block-sub-heading {
    margin: 0;
    font-size: 0.875rem;
  }
  .manage-section-block .note {
    line-height: 1.375;
    margin-bottom: 0.6875rem;
  }
  .manage-f-field + .manage-f-field {
    margin: 1.375em 0 0;
  }
  .manage-f-legend {
    margin-bottom: 0.6875rem;
    font-size: 1.125rem;
    line-height: 1.4444444444;
    color: #252f3d;
  }
  .manage-f-field-label {
    font-size: 0.8125rem;
  }
  .manage-f-submit-section {
    padding: 1.375rem 3.466vw 2.75rem 13px;
  }
  .manage-list-table {
    padding: 0.6875rem 1em;
  }
  .manage-list-card,
  .manage-list-card-foot,
  .manage-list-card.no-behavior {
    padding: 0.7333em 1em;
  }
  .manage-list-card-foot:hover,
  .manage-list-card:hover {
    background-color: #fff;
  }
  .manage-section-outer-block {
    padding: 0.6875rem 0;
  }
}
.msg {
  position: fixed;
  top: 0;
  width: 100%;
  font-size: 1rem;
  transform: translateY(-100%);
  cursor: pointer;
  opacity: 0.96;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  z-index: 2000;
  transition: transform 0.24s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.msg p {
  margin: 0;
  padding: 0.625em;
  text-align: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08), inset 0 -1px 0 0 rgba(0, 0, 0, 0.11);
}
.msg.show {
  transform: translateY(0);
}
.recent_viewed_items_component {
  overflow: hidden;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #f2f4f5;
}
.recent_viewed_items_component .recent_viewed_items_title {
  color: #fc4d50;
  text-align: center;
  font-size: 0.6875rem;
  line-height: 2.3636363636;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .recent_viewed_items_component .recent_viewed_items_title {
    line-height: 2;
  }
}
.recent_viewed_items_component .recent_viewed_items_wrapper {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 5px 4px 14px 5px;
}
.recent_viewed_items_component .recent_viewed_items_wrapper .show_history {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  flex: 0 0 8.6956521739%;
  width: 8.6956521739%;
  margin-left: 0.0905797101%;
  padding: 0 0.5435%;
  background-color: #fc4d50;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  font-size: 0.6875rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.recent_viewed_items_component .recent_viewed_items_wrapper .recent_viewed_item_component {
  box-sizing: border-box;
  display: block;
  flex-basis: 4.6575342466%;
  flex-shrink: 0;
  width: 4.6575342466%;
  margin-right: 1.095890411%;
  background-size: cover;
  background-position: 50%;
  border-radius: 1px;
}
.recent_viewed_items_component .recent_viewed_items_wrapper .recent_viewed_item_component:hover {
  opacity: 0.89;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .recent_viewed_items_component .recent_viewed_items_wrapper {
    justify-content: flex-start;
    height: 100%;
    padding: 1.0666666667% 0.8%;
  }
  .recent_viewed_items_component .recent_viewed_items_wrapper .show_history {
    flex: 0 0 19.5%;
    width: 19.5%;
    margin-left: 0.3%;
    padding: 0;
    font-size: 0.5625rem;
  }
  .recent_viewed_items_component .recent_viewed_items_wrapper .recent_viewed_item_component {
    flex-basis: 12.6%;
    width: 12.6%;
    margin: 0 0.3%;
  }
}
[role='banner'] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}
[role='banner'] [role='navigation'] {
  display: flex;
  height: 52px;
}
[role='banner'] .header-nav {
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 #e6e8eb, 0 0 2px 0 rgba(0, 0, 0, 0.03);
}
.global-nav {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
}
.global-nav .item-search-box {
  padding-left: 10px;
}
.global-nav .item-search-box .icon-search {
  font-size: 1.25rem;
  color: #252f3d;
}
.global-nav .item-search-box .icon-search:before {
  margin: 0;
}
.global-nav .item-search {
  position: relative;
}
.global-nav .item-search-input {
  width: 100%;
  margin: 0;
  padding: 6px 40px 6px 16px;
  background: #ebedf2;
  border: 1px solid #d5d9de;
  border-radius: 5px;
  outline: none;
}
.global-nav .item-search-input:placeholder {
  font-size: 0.875rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .global-nav .item-search-input {
    width: 192px;
    background: none;
  }
}
.global-nav .btn.search {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right: 8px;
  width: auto;
  padding: 4px;
  background-color: transparent;
  border: none;
}
.global-nav .btn.search:active {
  top: 50%;
}
.global-nav-avatar {
  margin-right: 8px;
}
.global-nav-nickname {
  max-width: 96px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 52px;
  line-height: 52px;
}
.ctrl-nav {
  display: flex;
  align-items: stretch;
  margin-right: 0.625em;
}
.ctrl-nav-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  text-decoration: none;
  color: #171d26;
}
.ctrl-nav-box:link,
.ctrl-nav-box:visited {
  color: #171d26;
}
.ctrl-nav-box:hover {
  color: #252f3d;
}
.ctrl-nav-box.nav-account {
  width: auto;
  padding: 0 1.4em;
}
.ctrl-nav-box.before-signin {
  width: auto;
  font-size: 0.875rem;
}
.ctrl-nav-box.before-signin .nav-item {
  padding: 0 1.625em;
  color: #3d4651;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.ctrl-nav-box.before-signin .nav-item:hover {
  color: #505c6b;
}
.ctrl-nav-box [class|='icon'] {
  display: inherit;
}
.ctrl-nav .pulldown {
  cursor: default;
}
.ctrl-nav .pulldown-area {
  max-height: calc(100vh - 44px);
  overflow: scroll;
  top: 44px;
}
.ctrl-nav .btn {
  margin: 0 0.8em 0 0;
}
.ctrl-nav .nav.btn {
  height: auto;
}
.ctrl-nav .user-activity-nav .pulldown-area {
  left: -50%;
}
.ctrl-nav .user-activity-nav .pulldown-menu {
  padding: 0;
}
.ctrl-nav .user-activity-nav .pulldown-menu:after,
.ctrl-nav .user-activity-nav .pulldown-menu:before {
  right: 35%;
}
.ctrl-nav .user-activity-nav .new {
  background: #ebedf2;
}
.ctrl-nav .user-activity-nav .show-all {
  display: block;
  padding: 0.625em;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.ctrl-nav .show-cart {
  position: relative;
}
.ctrl-nav .show-cart.active .icon-basket:before {
  color: #fc4d50;
}
.ctrl-nav .show-cart:after {
  display: none;
}
.notification-badge {
  width: 11px;
  height: 11px;
  background-color: #f24343;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
}
.l-header-notification-box {
  position: absolute;
  top: 24%;
  right: 20%;
}
.account-menu-group {
  width: 228px;
  padding: 0 0 0.8125rem;
}
.account-menu-group + .account-menu-group {
  padding: 0.8125rem 0;
  border-top: 1px solid #e6e8eb;
}
.account-menu-group-heading {
  margin: 10px 0;
  padding: 0 1.5rem;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  color: #7f8d9f;
}
.account-menu-group-heading .shop-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.account-menu-group .text-ui {
  display: block;
  padding: 4px 1.5rem;
  font-size: 0.8125rem;
  transition: none;
}
.account-menu-group .text-ui:hover {
  color: #3d4651;
}
.account-menu-group .text-ui-negative {
  display: block;
  margin: 2px 0;
  padding: 0 1.5rem;
  font-size: 0.6875rem;
}
.mm-menu {
  display: none;
  visibility: hidden;
  height: 0;
}
.sp-global-nav {
  height: 44px;
  align-items: center;
}
.sp-global-nav .signin {
  margin-top: 4px;
  color: #fff;
}
.sp-global-nav .hamburger-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 48%;
  width: 18px;
  height: 14px;
}
.sp-global-nav .hamburger {
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  top: 7px;
  width: 18px;
  height: 2px;
  background-color: #fc4d50;
}
.sp-global-nav .hamburger:after,
.sp-global-nav .hamburger:before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #fc4d50;
}
.sp-global-nav .hamburger:before {
  top: -6px;
}
.sp-global-nav .hamburger:after {
  top: 6px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  [role='banner'] [role='navigation'] {
    height: 44px;
  }
  .booth-body {
    width: 100%;
    height: 100%;
  }
  .mm-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
  }
  .mm-menu-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(18, 26, 41, 0.66);
  }
  .mm-menu .icon-cancel {
    color: #fff;
  }
  .mm-menu-inner {
    box-sizing: border-box;
    height: 100%;
    margin-left: 20%;
    padding-bottom: 110px;
    overflow: auto;
    background-color: #fff;
    box-shadow: -1px 0 0 0 #e6e8eb;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .sp-global-nav {
    position: static;
  }
  .sp-global-nav .nav-item {
    position: relative;
    width: 44px;
    height: 44px;
    margin: 0 2px;
    transition: none;
    vertical-align: top;
  }
  .sp-global-nav .nav-item.mm-menu-trigger {
    margin: 0;
  }
  .sp-global-nav .nav-item.show-cart {
    margin-right: 8px;
  }
  .sp-global-nav .nav-item.show-cart.active {
    background: #fb0c10;
  }
  .sp-global-nav .nav-item:last-child {
    border-left: 1px solid #e6e8eb;
  }
  .sp-global-nav .nav-item .icon-cancel {
    display: none;
  }
  .sp-global-nav .ctrl-nav {
    margin: 0 0 0 auto;
    padding: 0;
  }
  .l-header-notification-box {
    top: 8px;
    right: 6px;
  }
  .sp_global-heading {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.615em;
    background-color: #ebedf2;
    color: #252f3d;
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
  }
  .sp_global-heading .account-name {
    flex: 1 0 auto;
    min-width: 0;
    max-width: 84%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sp_global-heading .global-nav-avatar {
    margin-right: 0.4rem;
  }
  .sp_global-menu-group {
    padding: 13.875px 16px;
  }
  .sp_global-menu-group + .sp_global-menu-group {
    border-top: 1px solid #e6e8eb;
  }
  .sp_global-menu-group .nav-group-heading {
    padding: 0.625em 0.8125em;
    font-size: 0.625rem;
    color: #96a2b0;
  }
  .sp_global-menu-group .nav-group-heading,
  .sp_global-menu-group .nav-group-heading .shop-name {
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
  }
  .sp_global-menu-group .nav-group-heading .shop-name {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sp_global-menu-group .nav-reverse,
  .sp_global-menu-group .text-ui,
  .sp_global-menu-group .text-ui-negative {
    text-decoration: none;
  }
  .sp_global-menu-group .text-ui,
  .sp_global-menu-group .text-ui-negative {
    display: block;
    padding: 0.625em;
    text-decoration: none;
  }
  .sp_global-menu-group .text-ui {
    font-size: 0.8125rem;
  }
  .sp_global-menu-group .text-ui-negative {
    font-size: 0.6875rem;
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
    color: #3d4651;
  }
  .sp_global-menu-group .nav-reverse {
    color: #5ccbd2;
  }
  .sp_global-menu-group .notification-anchor {
    display: block;
  }
  .sp_global-menu-group .notification-anchor .icon-bell {
    color: #505c6b;
  }
  .sp_global-menu-group .notification-anchor .count {
    display: inline-block;
    margin-right: 0.2em;
    color: #fc4d50;
  }
  .sp-menu-footer {
    position: absolute;
    z-index: 9201;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: stretch;
    width: 80%;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), 0 0 3px 0 rgba(0, 0, 0, 0.08);
    transform: translate3d(100%, 0, 0);
    transition: transform 0.28s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .sp-menu-footer-nav {
    flex: 1 0 50%;
  }
  .sp-menu-footer-nav + .sp-menu-footer-nav {
    border-left: 1px solid #e6e8eb;
  }
  .sp-menu-footer-btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 1em;
    background-color: #f7f8fa;
    color: #171d26 !important;
    text-align: center;
    text-decoration: none;
    font-size: 0.8125rem;
    font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
      ＭＳ Ｐゴシック, sans-serif;
    font-weight: 700;
  }
  .mm-opened {
    position: fixed;
    width: 100%;
  }
  .mm-opened #sp_global {
    display: block;
    z-index: 9200;
    height: auto;
    visibility: visible;
  }
  .mm-opened #sp_global .mm-menu-inner,
  .mm-opened #sp_global .sp-menu-footer {
    transform: translateZ(0);
  }
  .mm-opened .sp-global-nav .hamburger-wrap {
    display: none;
  }
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-next,
.pika-prev {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-next:hover,
.pika-prev:hover {
  opacity: 1;
}
.is-rtl .pika-next,
.pika-prev {
  float: left;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
  *left: 0;
}
.is-rtl .pika-prev,
.pika-next {
  float: right;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
  *right: 0;
}
.pika-next.is-disabled,
.pika-prev.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table td,
.pika-table th {
  width: 14.2857142857%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: 700;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #3af;
  font-weight: 700;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: 700;
  background: #3af;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  color: #333;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 2px 8px 8px 0;
  position: absolute;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: inset 0 1px 3px 0 #178fe5;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: inset 0 1px 4px 0 #ffb871;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: inset 0 1px 4px 0 #00dd1c;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: inset 0 1px 3px 0 #178fe5;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker
  .xdsoft_timepicker
  .xdsoft_time_box
  > div
  > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: inset 0 1px 3px 0 #178fe5 !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px hsla(0, 0%, 100%, 0.506);
  background: #000;
  border: 1px solid;
  border-color: #333 #333 #444;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark
  .xdsoft_label
  > .xdsoft_select
  > div
  > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: inset 0 1px 3px 0 #b03e00;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: inset 0 1px 4px 0 #ffb871;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: inset 0 1px 4px 0 #00dd1c;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: inset 0 1px 3px 0 #b03e00;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: museo-sans, Book Antiqua, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: linear-gradient(180deg, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f4f8fa",GradientType=0);
}
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:focus span,
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:hover span {
  color: #454551;
  background: linear-gradient(180deg, #f4f8fa 0, #fff 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa",endColorstr="#FFF",GradientType=0);
}
.shipping-cost-head {
  display: inline-block;
  vertical-align: middle;
}
.region-guide {
  width: 50%;
}
.region-guide table {
  width: 100%;
  margin: 0;
  font-size: 0.8125rem;
}
.region-guide td,
.region-guide th {
  white-space: nowrap;
  text-align: left;
}
.shipping-costs table {
  width: 100%;
  border-left: 1px solid #ebedf2;
}
.shipping-costs td,
.shipping-costs th {
  width: auto;
  vertical-align: middle;
  text-align: left;
}
.shipping-costs th {
  padding: 0 16px;
  text-align: center;
}
.shipping-costs thead th {
  background: none;
  padding: 8px 0;
  color: #252f3d;
}
.shipping-costs thead th small {
  display: block;
  font-size: 0.6875rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.shipping-costs thead td {
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  color: #7f8d9f;
}
.shipping-costs thead td.add-region-area {
  height: 4.5em;
}
.shipping-costs thead td small {
  font-size: 0.75rem;
}
.shipping-costs input[type='text'].shipping_cost_field {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: 1px solid #d5d9de;
  text-align: right;
}
.shipping-costs input[type='text'].shipping_cost_field:focus {
  background: #fff !important;
}
.shipping-costs tbody {
  line-height: 1.25;
}
.shipping-costs tbody th {
  font-size: 0.875rem;
  border-right-width: 1px;
}
.shipping-costs tbody td {
  padding: 0;
}
.shipping-costs tbody tr:hover input[type='text'].shipping_cost_field,
.shipping-costs tbody tr:hover td,
.shipping-costs tbody tr:hover th {
  background: #f4f6ff;
}
.shipping-costs tbody small {
  color: #7f8d9f;
}
.shipping-costs .icon-cancel-squared {
  margin: 0 0.3em 0 0;
}
.shipping-costs .submitarea {
  text-align: center;
  margin-top: 104px;
}
.shipping-costs .submitarea.mail-shipping {
  margin-top: 26px;
}
.shipping-cost-standard {
  width: 640px;
  border: none;
  font-size: 0.875rem;
}
.shipping-cost-standard table {
  font-size: 0.75rem;
  margin: 8px 0;
  border: none;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3), 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.shipping-cost-standard table tbody td,
.shipping-cost-standard table tbody th {
  text-align: left;
  color: #787878;
  width: 50%;
}
.shipping-cost-standard table tbody td:nth-child(2n) {
  border-right: 0;
}
.new_shipping_cost {
  float: left;
  position: relative;
  top: -182px;
  width: 100%;
}
.new_shipping_cost h5,
.new_shipping_cost span {
  display: inline-block;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shipping-costs th {
    padding: 11px 8px !important;
    white-space: nowrap;
  }
  .shipping-costs th small {
    white-space: pre-wrap;
  }
  .new_shipping_cost {
    float: none;
    top: -182px;
    margin-bottom: -78px;
  }
  .new_shipping_cost h5 {
    display: block;
  }
  .new_shipping_cost select {
    width: 100%;
    font-size: 1rem;
  }
  .new_shipping_cost .wrapper span {
    display: block;
  }
  .new_shipping_cost .wrapper span:first-child {
    flex: 1;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #items.dashboard {
    margin: 0 0 27.5px;
  }
  .register-item {
    width: 100%;
    box-sizing: border-box;
  }
  .register-item .btn {
    width: 100%;
    text-align: center;
  }
  .register-item .btn,
  .register-item .btn .cmd-label,
  .register-item .btn i {
    display: inline-block;
  }
  .row.item-wrapper {
    padding: 0 16px;
  }
  .row {
    width: auto;
  }
  .row .number {
    padding: 17.6px 0;
  }
  .cell {
    display: block;
    padding: 0;
    border: none;
  }
  .cell.sort {
    display: none;
  }
  .cell.thumbnail {
    width: 88px;
  }
  .cell.item-name-with-stock {
    width: auto;
    flex: 1;
  }
  .dashboard-items-variation .row {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
  }
  .dashboard-items-variation-label {
    flex-basis: 100%;
    box-sizing: border-box;
    padding: 0.625em;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  }
  .dashboard-item-footer {
    padding-top: 0.25em;
  }
  .dashboard-item-footer-actions {
    justify-content: space-between;
  }
  .dashboard-item-footer .btn {
    font-size: 0.75rem;
  }
}
.ui-state-highlight {
  height: 2px;
  background: #ff5c67;
}
#items.dashboard {
  list-style: none;
  list-style-image: none;
  margin: 13px 0 32.5px;
  padding: 0;
}
#items.dashboard .ui-state-highlight {
  height: 2px;
  background: #ff5c67;
}
.row {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
.row.item-wrapper {
  width: auto;
  margin-bottom: 13px;
}
.row.item-wrapper.to-top-done {
  opacity: 1 !important;
}
.row.ui-sortable-helper {
  opacity: 0.72;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px #ff5c67;
  border-radius: 3px;
}
.cell.sort {
  border: none;
  margin-left: -26px;
  width: 96px;
  text-align: center;
}
.cell.sort .handle {
  color: #7f8d9f;
}
.cell.sort:hover .handle {
  color: #171d26;
}
.cell.thumbnail {
  width: 88px;
  padding-bottom: 0;
  vertical-align: top;
}
.cell.item-label,
.cell.item-name-with-stock {
  flex: 1 0 0;
  min-width: 0;
}
.cell.item-label {
  max-width: 100%;
  padding-bottom: 0;
  overflow: visible;
  vertical-align: middle;
  color: #171d26;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.cell.item-label .text-ui {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.cell.item-label .full-url {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 0.8125rem;
  text-decoration: none;
  color: #afb2bd;
  margin-top: 7px;
  max-width: 100%;
}
.cell.item-label .name-empty {
  color: #96a2b0;
}
.cell .sales_subtotal {
  padding-right: 8px;
}
.cell.stocks {
  min-width: 480px;
}
.cell .unshipped {
  width: 160px;
}
.cell.shipping_type {
  text-align: center;
}
.cell.sales_count {
  width: 10%;
  font-size: 0.875rem;
}
.cell.sales_price {
  width: 16%;
  font-size: 0.875rem;
}
.cell.state {
  width: 110px;
  text-align: center;
}
.dashboard-items-variation {
  padding: 0;
  list-style: none;
  list-style-image: none;
  margin: 1em 0 0;
  border-bottom: 1px dashed #d5d9de;
  font-size: 0.8125rem;
  color: #5e656f;
}
.dashboard-items-variation .row {
  padding: 0.34em 0;
  border-top: 1px dashed #d5d9de;
}
.dashboard-items-variation-label {
  flex: 1;
}
.dashboard-items-variation .number {
  width: 80px;
}
.dashboard-items-variation .data-heading {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-size: 0.6875rem;
  font-weight: 400;
  opacity: 0.66;
}
.dashboard-item-footer {
  display: flex;
  align-items: center;
  padding-top: 0.5em;
}
.dashboard-item-footer-stats {
  flex: 1;
}
.dashboard-item-footer-actions {
  display: flex;
  justify-content: flex-end;
}
.dashboard-item-footer-actions .btn {
  padding: 0.5em 0.75em;
}
.dashboard-items-tags {
  padding: 0;
  list-style: none;
  list-style-image: none;
  margin: 0.5em 0 0;
}
.dashboard-items-tags .tag {
  display: inline-flex;
  margin: 0.4em 0.4em 0.4em 0;
  padding: 0 0.625em 0 0;
  background-color: #d7d9e0;
  font-size: 0.75rem;
  color: rgba(37, 47, 61, 0.8);
  text-align: left;
  line-height: 1.5em;
  max-width: calc(100% - 1.025em);
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.dashboard-items-tags .tag .tag-text {
  min-width: 0;
  align-self: center;
}
.dashboard-items-tags .tag .nav-item {
  padding: 0;
}
.dashboard-items-tags .tag [class^='icon-'] {
  background: #c7c9d1;
  margin-right: 0.4em;
  padding: 0.2em;
  border-radius: 3px 0 0 3px;
  color: #fff;
}
.dashboard-items-stats {
  border-left: 1px solid #d5d9de;
  font-size: 0.75rem;
}
.dashboard-items-stats .item-stat {
  display: inline-block;
  padding: 0 0.625em;
  border-right: 1px solid #d5d9de;
}
.dashboard-items-stats .icon-heart {
  color: #de3f3a;
}
.item-type-nav-heading {
  font-size: 1.25rem;
  position: relative;
  margin: 0.8125rem 0;
  line-height: 1.3;
}
.item-type-nav-heading:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: -0.40625rem;
  width: 32px;
  height: 2px;
  background: #fc4d50;
  transform: translateX(-50%);
}
.item-type-nav-description {
  max-width: 100%;
  padding: 0.8125rem 0 0 !important;
  font-size: 0.8125rem;
  line-height: 1.625;
}
.item-type-warehouse-note {
  margin: -1.21875rem 0 2.03125rem;
  background-color: rgba(51, 51, 52, 0.05);
  font-size: 0.8125rem;
  line-height: 3;
}
.factory-logo-box {
  height: 3.25rem;
}
.factory-logo-box img {
  margin-top: 7px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-type-nav-heading {
    margin: 0.6875rem auto;
    font-size: 1rem;
  }
  .item-type-nav-description {
    padding: 0.6875rem 0 0 !important;
  }
  .item-type-warehouse-note {
    margin-top: 0;
    padding: 0.5em;
    line-height: inherit;
  }
}
.loop-start-pos .label {
  margin-right: 0.5em;
}
.loop-start-pos .condensed {
  width: 5em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .loop-start-pos .message {
    top: 90%;
  }
}
.preview-player {
  display: table;
  margin: 3px 0;
  width: 100%;
  height: 39px;
  line-height: 39px;
  background-color: #d7d9e0;
  table-layout: fixed;
  border-radius: 2px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.preview-player [class|='icon'] {
  max-height: 39px;
}
.preview-player [class|='icon']:before {
  line-height: 39px;
}
.preview-player .player_status_passage {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #fc4d50;
  line-height: 1;
  font-size: 10px;
}
.preview-player .player_status_passage .label {
  display: none;
}
.preview-player.player_type_m4a .player_status_passage {
  background-color: #abe376;
}
.preview-player.player_type_mp3 .player_status_passage {
  background-color: #fc4d50;
}
.preview-player.loading .player_status_passage {
  width: 100%;
  background-color: #9ea2b3;
}
.preview-player.loading .player_status_passage .loading_label {
  display: block;
  text-align: center;
}
.preview-player .player_control {
  display: table-cell;
  width: 39px;
  text-align: center;
  cursor: pointer;
  color: #fc4d50;
}
.preview-player .player_control .icon-play {
  display: block;
}
.preview-player .player_control .icon-attention,
.preview-player .player_control .icon-pause {
  display: none;
}
.preview-player.aborted .player_status_passage {
  width: 100%;
  background-color: #981d1a;
}
.preview-player.aborted .player_status_passage .aborted_label {
  display: block;
  color: #fff;
  text-align: center;
}
.preview-player.aborted .player_control .icon-pause,
.preview-player.aborted .player_control .icon-play {
  display: none;
}
.preview-player.aborted .player_control .icon-attention {
  display: block;
}
.preview-player.playing .player_control .icon-play {
  display: none;
}
.preview-player.playing .player_control .icon-pause {
  display: block;
}
.preview-player.unavailable .player_status_passage {
  width: 100%;
  background-color: #d7d9e0;
}
.preview-player.unavailable .player_status_passage .unavailable_label {
  display: block;
  color: #9ea2b3;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  text-align: center;
}
.preview-player.unavailable .player_control .icon-pause,
.preview-player.unavailable .player_control .icon-play {
  display: none;
}
.preview-player.unavailable .player_control .icon-attention {
  display: block;
}
.preview-player .listenable_cell {
  display: table-cell;
  vertical-align: middle;
}
.preview-player .player_current,
.preview-player .player_remains {
  width: 48px;
  text-align: center;
  font-size: 0.8125rem;
}
.preview-player .player_status {
  position: relative;
  cursor: pointer;
}
.preview-player .player_status_overall {
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  bottom: 18px;
  height: 3px;
  background-color: #f7f8fa;
}
.preview-player .player_label {
  width: 72px;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2 {
  position: relative;
}
.item-new-v2 .input-attention-bubble {
  position: absolute;
  z-index: 1;
  display: table;
  margin: 0 0.31em 0.31em 0;
  background-color: #f2ee80;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05), 0 0 3px rgba(0, 0, 0, 0.03);
  transform: translateY(2px);
  font-size: 0.8125em;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2 .input-attention-bubble:before {
  position: absolute;
  top: -8px;
  left: 16px;
  display: inline-block;
  content: '';
  vertical-align: middle;
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #f2ee80;
}
.item-new-v2 [class^='input-attention-bubble-'] {
  display: table-cell;
  padding: 0.625em;
}
.item-new-v2 .input-attention-bubble-content {
  min-width: 4em;
  text-align: right;
}
.item-new-v2 .textarea--long-height {
  height: 13rem;
}
.item-new-v2 .error_messages > div {
  background-color: #f8d7d6;
  margin: 0 0 1px;
  line-height: 3.25;
  text-align: center;
  color: #de3f3a;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2 .error_messages .message_box.warning {
  background-color: #fff2d1;
}
.item-new-v2 .ui-toggle-options {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.item-new-v2 .accordion-enter-active {
  transition: all 0.5s;
  visibility: visible;
  max-height: 9999px;
}
.item-new-v2 .accordion-enter {
  visibility: hidden;
  max-height: 0;
}
.item-new-v2 [class|='option-mark'] {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0 0.5em;
  border-radius: 50%;
}
.item-new-v2 [class|='option-mark'] [class|='icon'] {
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  vertical-align: top;
  color: #fff;
}
.item-new-v2 [class|='option-mark'] [class|='icon']:before {
  margin: 0;
}
.item-new-v2 .option-mark-warehouse {
  background-color: #59bff1;
}
.item-new-v2 .option-mark-home {
  background-color: #ff846b;
}
.item-new-v2 .option-mark-download {
  background-color: #abe376;
}
.item-new-v2 .variation-box-destroy {
  visibility: hidden;
}
.item-new-v2 .variation-box {
  margin-bottom: 17px;
  border: 3px solid #e6e8eb;
  font-size: 0.8125em;
}
.item-new-v2 .variation-box:hover .variation-box-destroy {
  visibility: visible;
}
.item-new-v2 .variation-box-head {
  padding: 0.3125em 0.625em;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e6e8eb;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2 .variation-box-body {
  background-color: #fff;
  padding: 1.3846153846em;
}
.item-new-v2 .assigned-files {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
.item-new-v2 .assigned-files [class|='icon'] {
  line-height: 1.5em;
  color: #2c9ba6;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .variation-box-head [class*='lo-u'] {
    width: auto;
  }
  .item-new-v2 .variation-box-destroy {
    display: block;
  }
}
.item-new-v2 .drop-zone {
  position: relative;
  height: 156px;
  margin: 0.40625rem 0;
  background: #ebedf2;
  outline: 2px dashed #c0c5cf !important;
  outline-offset: -2px;
}
.item-new-v2 .drop-zone:hover {
  background-color: #f7f8fa;
}
.item-new-v2 .drop-zone .drop-zone-area {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.item-new-v2 .drop-zone-label {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  text-align: center;
  color: #505c6b;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .drop-zone-label {
    font-size: 0.875rem;
  }
}
.item-new-v2 .drop-zone-icon-group {
  position: relative;
}
.item-new-v2 .uploaded-images {
  padding: 0;
  list-style: none;
  list-style-image: none;
  margin: 0 -8px 0 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .uploaded-images {
    display: flex;
    flex-wrap: wrap;
  }
}
.item-new-v2 .uploaded-image {
  position: relative;
  display: inline-block;
  width: 96px;
  height: 96px;
  margin: 0 8px 8px 0;
  background-size: cover;
  background-position: 50%;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  outline-offset: -1px;
}
.item-new-v2 .uploaded-image[style='background-image: none;'] {
  outline-color: #de3f3a;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .uploaded-image {
    flex-basis: 30%;
    height: auto;
  }
  .item-new-v2 .uploaded-image:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
}
.item-new-v2 .uploaded-image .drop-zone-cancel,
.item-new-v2 .uploaded-image .drop-zone-destroy {
  position: relative;
  background-color: #121a29;
  width: 22px;
  height: 22px;
  line-height: 1;
  float: right;
  color: #fff;
}
.item-new-v2 .uploaded-image .drop-zone-cancel i,
.item-new-v2 .uploaded-image .drop-zone-destroy i {
  font-size: 22px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .uploaded-image .drop-zone-cancel i,
  .item-new-v2 .uploaded-image .drop-zone-destroy i {
    font-size: 32px;
  }
}
.item-new-v2 .uploaded-image .drop-zone-destroy {
  display: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .uploaded-image .drop-zone-destroy {
    width: 32px;
    height: 32px;
  }
}
.item-new-v2 .uploaded-image:hover .drop-zone-destroy {
  display: block;
}
.item-new-v2 .uploaded-image .drop-zone-on-stabled {
  position: absolute;
  top: 0;
  width: 100%;
}
.item-new-v2 .uploaded-image .drop-zone-on-processing,
.item-new-v2 .uploaded-image .drop-zone-on-processing .drop-zone-processing {
  position: absolute;
  width: inherit;
  height: inherit;
}
.item-new-v2 .uploaded-image .drop-zone-on-processing .drop-zone-processing .spinner {
  opacity: 0.5;
  width: 100%;
}
.item-new-v2 .uploaded-image .drop-zone-on-error {
  position: absolute;
  width: inherit;
  height: inherit;
  background-color: hsla(0, 0%, 100%, 0.5);
  color: #de3f3a;
}
.item-new-v2 .uploaded-image .drop-zone-on-error .drop-zone-error {
  display: inline-block;
}
.item-new-v2 .uploaded-image .handle {
  width: 100%;
  height: 100%;
}
.item-new-v2 .selectize-control .selectize-input {
  box-sizing: border-box;
  padding: 8px 8px 0;
  background: #fff;
  border: 2px solid #d5d9de;
  min-height: 40px;
}
.item-new-v2 .selectize-control .selectize-input input[type='text'] {
  font-size: 16px;
}
.item-new-v2 .selectize-control .selectize-input.focus {
  border: 2px solid #9598ab;
}
.item-new-v2 .selectize-control .selectize-input > .item {
  line-height: 2em;
  margin: 4px;
  background-color: #5ccbd2 !important;
  padding-right: 28px !important;
  border-radius: 3px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  color: #fff !important;
  font-size: 0.8125rem;
  box-sizing: border-box;
  max-width: calc(100% - 8px);
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2 .selectize-control .remove {
  color: rgba(19, 43, 44, 0.49) !important;
  border-left: none !important;
  width: 28px !important;
}
.item-new-v2-modal {
  min-width: 560px;
  max-width: 800px;
}
.item-new-v2-modal .panel-foot {
  padding: 0;
}
.item-new-v2-modal .panel-foot .btn.close-modal {
  width: 100%;
  padding: 1.21875rem 0;
}
.item-new-v2-modal .drop-zone {
  position: relative;
  height: 130px;
  background-color: #ebedf2;
  outline: 2px dashed #c0c5cf;
  outline-offset: -2px;
}
.item-new-v2-modal .drop-zone:hover {
  background-color: #f7f8fa;
}
.item-new-v2-modal .drop-zone .drop-zone-area {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  opacity: 0;
}
.item-new-v2-modal .drop-zone .extension-white-list {
  padding: 0 10%;
}
.item-new-v2-modal .drop-zone-label {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #505c6b;
  text-align: center;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2-modal .drop-zone-icon-group {
  position: relative;
}
.item-new-v2-modal .downloadable-add {
  display: block;
  height: 208px;
  background: #ebedf2;
  border-radius: 3px;
}
.item-new-v2-modal .downloadable-add .drop-zone-on-stabled {
  width: inherit;
}
.item-new-v2-modal .downloadable-add .filename {
  overflow: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 52px;
  margin-left: 8px;
}
.item-new-v2-modal .uploaded-downloadables-head {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  padding: 11px 0;
  border-bottom: 1px solid #e6e8eb;
  font-size: 0.8125em;
  color: #7f8d9f;
}
.item-new-v2-modal .uploaded-downloadables-head.storage-amount {
  padding: 11px 16px;
}
.item-new-v2-modal .uploaded-downloadables-foot {
  padding: 11px 16px;
  border-top: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
}
.item-new-v2-modal .uploaded-downloadables .notice-storage-upgrade {
  font-weight: 400;
  margin-top: 10px;
}
.item-new-v2-modal .uploaded-downloadable {
  align-items: center;
  padding: 6.5px 0;
}
.item-new-v2-modal .uploaded-downloadable .filename {
  text-align: left;
}
.item-new-v2-modal .uploaded-downloadable .filename-wrap {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item-new-v2-modal .uploaded-downloadable .drop-zone-on-error,
.item-new-v2-modal .uploaded-downloadable .filename-error {
  color: #de3f3a;
}
.item-new-v2-modal .uploaded-downloadable .filename-error {
  text-decoration: line-through;
}
.item-new-v2-modal .uploaded-downloadable .drop-zone-cancel,
.item-new-v2-modal .uploaded-downloadable .drop-zone-destroy {
  font-size: 0.8125em;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2-modal .uploaded-downloadable .drop-zone-cancel {
  padding: 0 0.25em;
}
.item-new-v2-modal .uploaded-downloadable .progress-bar {
  width: 430px;
}
.item-new-v2-modal .uploaded-downloadable .progress-bar .progress-label-proceeding {
  width: 426px;
}
.item-new-v2-modal .btn.item-type {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1.625em;
  align-items: center;
  width: 100%;
  height: 6.875rem;
  margin: 0;
  background-color: #fff;
  border: 2px solid #2c9ba6;
  color: #1b7f8c;
  font-size: 0.8125rem;
  white-space: pre-line;
}
.item-new-v2-modal .btn.item-type [class|='icon'] {
  display: block;
  width: auto;
  height: auto;
  color: #3d4651;
}
.item-new-v2-modal .btn.item-type [class|='icon']:before {
  margin: 0;
}
.item-new-v2-modal .btn.item-type:hover {
  background-color: #2c9ba6;
  color: #fff;
}
.item-new-v2-modal .btn.item-type:hover [class|='icon'] {
  color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2-modal .btn.item-type {
    margin: 0 0 10px;
  }
}
.item-new-v2-modal.downloadable-modal {
  width: 800px;
}
.item-new-v2-modal.downloadable-modal .drop-zone-error {
  width: 20px;
  margin-right: 14px;
}
.item-new-v2-modal .manage-tracks-modal .overlaying-horizontal-line {
  margin-top: 0.8125rem;
  color: #7f8d9f;
  font-size: 0.625rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.item-new-v2-modal .manage-tracks-modal .ui-sortable {
  position: relative;
}
.item-new-v2-modal .item-new-v2-track {
  background-color: #fff;
  padding: 0.40625rem 0 0.8125rem;
  border-bottom: 1px dashed #d5d9de;
}
.item-new-v2-modal .item-new-v2-track [class|='icon-arrow-micro'] {
  color: #7f8d9f;
  line-height: 1;
}
.item-new-v2-modal .item-new-v2-track .icon-cancel-circle-fill {
  color: #96a2b0;
}
.item-new-v2-modal .item-new-v2-track .select-music-source {
  margin-right: 1em;
}
.item-new-v2-modal .item-new-v2-track .ui-sortable-handle {
  padding-right: 0.5em;
}
.item-new-v2-modal .item-new-v2-track .progress-bar {
  margin: 0.5em 0 6px;
  width: 458px;
}
.item-new-v2-modal .item-new-v2-track .progress-bar .progress-label-proceeding {
  width: 454px;
}
.item-new-v2-modal .add-disc-fieldset:hover {
  transition: box-shadow 0.24s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  box-shadow: 0 0 0 1px #e6e8eb;
  border-radius: 0.75rem/50%;
}
.item-new-v2-modal .select-category-modal {
  height: 60vh;
  overflow: scroll;
}
.item-new-v2-modal .ct-actions .primary-image {
  width: 100%;
  max-width: 160px;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  outline-offset: -1px;
  margin-top: 20px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2-modal .ct-actions .primary-image {
    margin-top: 30px;
    max-width: 140px;
  }
}
.item-new-v2-modal .ct-actions .saved-item--with-animation {
  background-image: url(/static-images/manage/items/edit/itemup_desktop.gif);
  background-color: #f7f8fa;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 200px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2-modal .ct-actions .saved-item--with-animation {
    background-image: url(/static-images/manage/items/edit/itemup_mobile.gif);
    background-size: 320px;
  }
}
.item-new-v2-modal .ct-actions .item-name {
  margin: 25px 0 0;
  padding: 0 26px;
  font-size: 1.25rem;
  line-height: 1.41;
  text-align: center !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2-modal .ct-actions .item-name {
    padding: 0 15px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2-modal {
    min-width: 100%;
  }
}
.pika-table {
  margin-top: 0;
}
@keyframes flash {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.flash-transition {
  display: inherit;
}
.flash-enter-active {
  animation: flash 0.5s;
}
.ui-sortable-helper {
  opacity: 0.89;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-new-v2 .item-new-mobile-legend-header {
    margin: -15px -15px 0;
    padding: 10px 15px;
    background-color: #e9eef2;
  }
  .item-new-v2 .error_messages div {
    padding: 11px 16px;
    line-height: inherit;
  }
  .item-new-v2 .variation-box-destroy {
    visibility: visible;
    white-space: nowrap;
  }
  .item-new-v2 .variation-box-body {
    padding: 11px 8px;
  }
  .item-new-v2-modal .uploaded-downloadable .progress-bar {
    width: 250px;
  }
  .item-new-v2-modal .uploaded-downloadable .progress-bar .progress-label-proceeding {
    width: 246px;
  }
  .item-new-v2-modal .item-new-v2-track .select-music-source {
    max-width: 204px;
  }
  .item-new-v2-modal .item-new-v2-track .progress-bar {
    margin: 0 0 24px;
    width: 258px;
  }
  .item-new-v2-modal .item-new-v2-track .progress-bar .progress-label-proceeding {
    width: 254px;
  }
  .pika-single {
    box-sizing: border-box;
    width: calc(100% - 60px);
  }
  .pika-button,
  .pika-table th {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 320px) {
  .pika-single {
    box-sizing: border-box;
    width: calc(100% - 42px);
  }
  .item-new-v2-modal .item-new-v2-track .progress-bar {
    width: 204px;
  }
  .item-new-v2-modal .item-new-v2-track .progress-bar .progress-label-proceeding {
    width: 200px;
  }
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder:after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #fff;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-control.single .selectize-input.input-active,
.selectize-input {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #fff;
  border: 0 solid #fff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input:after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active:before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  background: #fff;
  margin: -1px 0 0;
  border: 1px solid #d0d0d0;
  border-top: 0;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-color: grey transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px;
  border-color: transparent transparent grey;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.payment-status-label {
  color: #3d4651;
}
.payment-status-label.paid {
  color: #2ad587;
}
.manage-order-content .thumbnail {
  width: auto;
  flex: 0 0 auto;
  line-height: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-order-content .thumbnail img {
    height: 52px;
    width: 52px;
  }
}
.manage-order-shipment-summaries {
  flex: 0 0 43%;
  max-width: 43%;
}
.manage-order-shipment-summaries .manage-ui-accordion-contents {
  padding: 0 0.6875rem;
}
.manage-order-shipment-summaries .js-char-length .js-char-length-result {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  color: #505c6b;
}
.manage-order-shipment-summaries .js-char-length.char-length-over .js-char-length-result {
  color: #de3f3a;
}
.manage-order-shipment-summaries .js-char-length.char-length-over .js-char-length-field {
  border-color: #de3f3a;
}
.manage-order-shipment-summary-description {
  width: 224px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-order-shipment-summary-description {
    width: auto;
  }
}
.manage-anshin-booth-pack-qrcode {
  height: 55%;
  width: 55%;
  line-height: 0;
}
.manage-order-shipped-message p {
  margin-bottom: 0.8125rem;
}
.manage-order-update-qrcode-box {
  border-top: 1px solid #e6e8eb;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-orders .order-timestamp-heading {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .manage-order-shipment-summaries {
    flex: 1 0 auto;
  }
}
.message-thread {
  text-decoration: none;
}
.message-thread-avatar {
  flex: 0 0 48px;
}
.message-customer-name {
  flex: 1 0 0;
  word-break: break-all;
}
.badge.message-from-opposite {
  background: #42b5bd;
  margin-left: 0;
}
.message-thread-body {
  overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .message-threads {
    min-height: 34vh;
  }
  .message-thread-avatar {
    flex: 0 0 32px;
  }
  .message-thread-body {
    height: 19px;
    max-height: 19px;
  }
}
.messages-viewer-scroll-area {
  min-height: 300px;
  max-height: calc(100vh - 494px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .messages-viewer-scroll-area {
    max-height: calc(100vh - 278px);
  }
}
.message-bubble-wrapper {
  overflow: hidden;
  margin: 0 13px;
}
.message-bubble-wrapper + .message-bubble-wrapper {
  margin-top: 1.375rem;
}
.message-bubble {
  display: inline-block;
  box-sizing: border-box;
  width: 74.6081504702%;
  padding: 0.9285714286em 1em;
  background-color: #ebedf2;
  border-radius: 23px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.message-bubble.own-message {
  float: right;
  background-color: #b0f3f5;
}
.message-bubble p {
  word-wrap: break-word;
}
.message-bubble p:last-of-type {
  margin-bottom: 0;
}
.message-bubble .autolink a:hover,
.message-bubble .autolink a:link,
.message-bubble .autolink a:visited {
  color: #252f3d;
}
.message-date {
  margin-bottom: 3px;
  color: #7f8d9f;
  font-size: 0.6875rem;
  line-height: 1.5454545455;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.accordion-body,
.accordion-content .close-maker {
  display: none;
}
.accordion-open .open-maker {
  display: none !important;
}
.accordion-open .close-maker {
  display: inherit;
}
.event-logo {
  position: relative;
  margin: 26px auto;
  font-size: 1.5rem;
}
.apollo-tweet-recommendation {
  background-color: #f7f8fa;
}
.badge.event-entry-finished {
  background-color: #de3f3a;
}
.badge.event-entry-reqruiting {
  background-color: #2ad587;
}
@page {
  margin: 0;
}
@media print {
  html {
    font-size: 9pt;
  }
  body {
    display: block;
  }
  .page-wrap > :not(main),
  body > :not(.page-wrap) {
    display: none;
  }
}
#js-print-warehouse-stock-reservation {
  font-size: 9pt;
}
#js-print-warehouse-stock-reservation .sheet {
  border: none;
}
#js-print-warehouse-stock-reservation h2 {
  font-size: 28px;
}
#js-print-warehouse-stock-reservation .manage-page-body {
  padding: 0;
}
#js-print-warehouse-stock-reservation .print-break-line {
  display: block;
}
#js-print-warehouse-stock-reservation .warehouse-printed-order-sheet {
  position: relative;
  page-break-after: always;
  margin: 0 auto;
}
#js-print-warehouse-stock-reservation .warehouse-printed-order-sheet__page-number {
  position: absolute;
  right: 10mm;
  height: 12mm;
  width: 12mm;
  line-height: 12mm;
  border: 0.5px solid #000;
  border-radius: 50%;
  font-size: 24pt;
  text-align: center;
}
#js-print-warehouse-stock-reservation .warehouse-printed-order-sheet__page-heading {
  margin: 0 auto 2mm;
  padding-bottom: 2mm;
  font-size: 16pt;
  line-height: 1.25;
  border-bottom: 0.45mm solid #000;
}
#js-print-warehouse-stock-reservation .barcode {
  font-family: connect code\39;
}
#js-print-warehouse-stock-reservation .warehouse-checksheet-step {
  list-style: none;
  margin: 0;
  border-top: 0.25px solid #000;
}
#js-print-warehouse-stock-reservation .warehouse-checksheet-step-number {
  width: 6.3mm;
  flex: 0 0 6.3mm;
  height: 15.5mm;
  line-height: 15.5mm;
  background-color: #000;
  font-size: 21pt;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
#js-print-warehouse-stock-reservation .warehouse-checksheet-step-title {
  box-sizing: border-box;
  width: 45mm;
  flex: 0 0 45mm;
  padding-left: 6mm;
  font-weight: 700;
}
#js-print-warehouse-stock-reservation .with-mark-box {
  position: relative;
  margin-bottom: 1.625em;
  padding-left: 0.625em;
  list-style: none;
  font-feature-settings: 'palt';
}
#js-print-warehouse-stock-reservation .with-mark-box:before {
  content: '';
  display: block;
  position: absolute;
  top: -0.2mm;
  right: 100%;
  width: 4mm;
  height: 4mm;
  background-color: #d7d9e0;
  border: 0.5px solid #000;
}
#js-print-warehouse-stock-reservation .mark-box-label {
  margin: 0;
  line-height: 1.4444444444;
}
#js-print-warehouse-stock-reservation .warehouse-checksheet-about-novelty {
  margin: 0;
  padding-top: 3mm;
  border-top: 0.2mm dashed #000;
}
#js-print-warehouse-stock-reservation .manifests {
  width: 100%;
}
#js-print-warehouse-stock-reservation .manifests .manifest {
  position: relative;
  border: 1px dashed #121a29;
  border-collapse: collapse;
  box-sizing: border-box;
  width: 50%;
  height: 37mm;
  padding: 5mm;
  font-size: 8.25pt;
}
#js-print-warehouse-stock-reservation .manifests .manifest .scissor-icon {
  display: block;
  position: absolute;
  top: -3mm;
  left: 3mm;
  height: 6mm;
  width: 6mm;
}
#js-print-warehouse-stock-reservation .manifests .manifest .variation_name {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing img {
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing figcaption {
  margin-top: 3mm;
  font-size: 8pt;
  line-height: 1.375;
  font-feature-settings: 'palt';
}
#js-print-warehouse-stock-reservation .warehouse-about-packing .fig-photo-image {
  display: block;
  height: auto;
  box-sizing: border-box;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing .fig-photo-image.variation-id-label {
  width: 70.452mm;
  height: auto;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing .fig-photo-image.setgrooup {
  width: 45.1mm;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing .fig-photo-image.example-mugcup {
  width: 80.375mm;
  margin-top: 9.6mm;
}
#js-print-warehouse-stock-reservation
  .warehouse-about-packing
  .fig-photo-image.during-transportation {
  width: 54mm;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing-head-caption {
  margin: 6mm 0 1.6mm;
  font-size: 7pt;
  line-height: 2.2857142857;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing-head-title {
  margin: 0 0 4.05mm;
  font-size: 10.5pt;
  line-height: 1.2380952381;
}
#js-print-warehouse-stock-reservation .warehouse-about-packing-head-title.during-transportation {
  margin-top: 11.771mm;
}
.warehouse-intro {
  margin-bottom: 1.625rem;
  padding: 2.4375rem 0;
  background-color: #fafcfd;
  text-align: center;
}
.warehouse-intro-fig {
  padding: 0;
  list-style: none;
  list-style-image: none;
  width: 576px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.warehouse-intro-fig__icon {
  display: block;
  width: 150px;
  height: 150px;
  background-position: 0 0;
  background-image: url(/static-images/warehouse-01.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .warehouse-intro-fig__icon {
    background-image: url(/static-images/warehouse-01@2x.png);
    background-size: 842px 150px;
  }
}
.warehouse-intro-fig__icon--package {
  background-position: -150px 0;
}
.warehouse-intro-fig__icon--truck {
  background-position: -300px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .warehouse-intro {
    padding: 11px 15px;
  }
  .warehouse-intro-fig {
    width: 100%;
  }
  .warehouse-intro-fig__icon {
    width: 75px;
    height: 75px;
    background-size: 421px 75px;
  }
  .warehouse-intro-fig__icon--package {
    background-position: -75px 0;
  }
  .warehouse-intro-fig__icon--truck {
    background-position: -150px 0;
  }
}
.reservation .status.undispatched .badge {
  background: #de3f3a;
}
.reservation .status.dispatched .badge {
  background: #d7d9e0;
  color: #252f3d;
}
.reservation .status.received .badge {
  background: #ffc125;
  color: #252f3d;
}
.reservation .status.verifying .badge {
  background: #59bff1;
}
.reservation .status.cancelled .badge {
  background: #7f7aed;
}
.reservation .status.completed .badge {
  background: #2ad587;
}
.reservation-item {
  position: relative;
}
.reservation-item .wrapper {
  margin: 0 0 65px;
}
.reservation-item .comment-empty {
  padding: 8px 0 24px;
  text-align: center;
}
.reservation-item .reservation-manifest-row {
  font-size: 0.875rem;
}
.reservation-item .reservation-manifest-name {
  padding-right: 0.625em;
}
.reservation-item .spinner {
  width: 20px;
  height: 20px;
  background-color: #333;
  border-radius: 100%;
  animation: sk-scaleout 0.8s ease-in-out infinite;
}
.reservation-item .reservation-manifest-amount {
  white-space: nowrap;
}
.reservation-item .reservation-manifest-amount .amount-state {
  display: inline-block;
  width: 24px;
}
.reservation-item .reservation-manifest-amount .amount-state .stable {
  display: none;
}
.reservation-item .reservation-manifest-amount .amount-state .stable .icon-check {
  color: #abe376;
}
.reservation-item .reservation-manifest-amount .amount-state .updating {
  display: none;
  width: 10px;
  height: 10px;
  border: 2px solid #121a29;
}
.reservation-item .reservation-manifest-amount .amount-state .error {
  display: none;
}
.reservation-item .reservation-manifest-amount .amount-state .error .icon-cancel {
  color: #de3f3a;
}
.reservation-item .reservation-manifest-amount .amount-state[data-state='error'] .error,
.reservation-item .reservation-manifest-amount .amount-state[data-state='stable'] .stable,
.reservation-item .reservation-manifest-amount .amount-state[data-state='updating'] .updating {
  display: inline-block;
}
.reservation-item .user-comment,
.reservation-item .variation-name {
  white-space: pre-wrap;
}
.reservation-item .input-tiny {
  width: 5em !important;
  margin-right: 0.4em;
}
@keyframes bounce_button {
  0% {
    transform: scale(1);
  }
  3% {
    transform: scale(1.03);
  }
  8% {
    transform: scale(1);
  }
}
.wearhouse-tickets .billing {
  opacity: 0.66;
  background: #ebedf2;
}
.check-state-marker {
  width: 28px;
  height: 28px;
  border: 1px solid #d5d9de;
  border-radius: 50%;
}
.check-state-marker-led {
  width: 24px;
  height: 24px;
  margin: 2px 0 0 2px;
  border-radius: 50%;
}
.check-state-marker-led.redeemed {
  background: #2ad587;
}
.manage-item-list__sorter-item {
  display: flex;
}
.item-list-slider {
  background-color: #fff;
  padding: 0 20px;
  margin-bottom: 25px;
  margin-top: -15px;
  border-radius: 7px;
  border: 1px solid #f3f3f3;
}
.item-list-nav {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-list-nav {
    min-width: auto;
  }
}
.item-list-slider-wrapper {
  position: relative;
  overflow: hidden;
  height: 4.0625rem;
  margin: 0 auto;
}
.item-list-slider-inner {
  box-sizing: border-box;
  overflow-x: hidden;
  height: 71px;
  margin: 0 auto;
  padding: 6px;
  -ms-overflow-style: none;
}
.item-list-slider-inner a {
  text-decoration: none;
}
.item-list-slider-inner .slick-disabled {
  display: none !important;
}
.item-list-slider::-webkit-scrollbar {
  display: none;
}
.item-list-tablet {
  width: 120px;
  height: 52px;
  margin: 0 5px;
  background-color: #252f3d;
  background-clip: padding-box;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.item-list-tablet-label {
  padding: 0 10px;
  line-height: 1.23;
  font-size: 0.8125rem;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.29);
  word-break: break-word;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.item-list-tablet-label-inner {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.item-list-slider-nav {
  position: absolute;
  top: 0;
  display: inline;
  align-items: center;
  width: 171.508px;
  height: calc(4.0625rem - 1px);
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 1;
}
.item-list-slider-nav,
.item-list-slider-nav:hover {
  color: rgba(51, 51, 52, 0.79);
}
.item-list-slider-nav.right {
  right: -1px;
  padding-right: 10px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.66) 34%,
    #fff 89%
  );
  text-align: right;
}
.item-list-slider-nav.right i:before {
  font-size: 2rem;
}
.item-list-slider-nav.left {
  left: 0;
  padding-left: 10px;
  background-image: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0) 0,
    hsla(0, 0%, 100%, 0.66) 34%,
    #fff 89%
  );
  text-align: left;
}
.item-list-slider-nav.left i:before {
  font-size: 2rem;
}
.item-list-slider-nav [class|='icon'] {
  display: inline-flex;
  align-items: center;
  width: 2.5em;
  height: calc(4.0625rem - 1px);
  cursor: pointer;
}
.item-list-slider-nav [class|='icon']:before {
  line-height: 1;
}
.item-list-slider-nav [class|='icon']:hover {
  color: rgba(94, 94, 95, 0.79);
}
.item-list-breadcrumb {
  padding-left: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: #252f3d;
}
.item-list-breadcrumb a,
a.item-list-slider-nav {
  color: #121a29 !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-list-nav {
    min-width: 0;
  }
  .item-list-slider-wrapper {
    width: 100%;
    height: 66px;
    margin: 0;
  }
  .item-list-slider-inner {
    display: flex;
    overflow-x: scroll;
    padding: 6px 0;
  }
  .item-list-slider-inner a:first-child {
    padding-left: 9px;
  }
  .item-list-slider-inner a:last-child {
    padding-right: 9px;
  }
  .item-list-slider {
    padding: 0;
    -webkit-overflow-scrolling: touch;
    margin-top: -11px;
    margin-bottom: 8px;
    border-radius: 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    border-left: 0;
    border-right: 0;
  }
  .item-list-tablet-label {
    font-size: 0.75rem;
  }
  .item-list-tablet {
    height: 52px;
  }
}
:root {
  --background-color: #f1f5f8;
  --contents-color: #fff;
  --border-color: #d5d9de;
  --text-color: #252f3d;
  --price-color: #252f3d;
  --base-color: #6a6a6a;
  --link-color: #2d9cdb;
}
.shop-preview {
  background-color: var(--background-color);
  border: 1px solid #f2f4f5;
  border-radius: 10px;
}
.shop-preview .l-row {
  margin: 1.25rem 3.75rem 0;
  height: calc(100% - 1.25rem);
  background-color: var(--contents-color);
  border-radius: 10px 10px 0 0;
  border: 1px solid var(--border-color);
  border-bottom: none;
}
.shop-preview .l-row .l-col-12 {
  padding: 0;
  border-right: 1px solid var(--border-color);
}
.shop-preview .l-row .l-col-12:last-child {
  border-right: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-preview .l-row .l-col-12 {
    border-right: none;
  }
}
.shop-preview .l-row .l-col-12 .box {
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--border-color);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-preview .l-row .l-col-12 .box {
    padding: 0.5rem;
  }
}
.shop-preview .l-row .l-col-12 .box:last-child {
  border-bottom: none;
}
.shop-preview .l-row .l-col-12 .item-desc {
  font-size: 0.5rem;
  color: var(--text-color);
  padding: 0.75rem 0;
}
.shop-preview .item-image {
  display: block;
  width: 9.75rem;
  margin: -0.375rem auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-preview .item-image {
    width: 4.875rem;
  }
}
.shop-preview .category-link {
  font-size: 0.5rem;
  color: var(--link-color);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-preview .category-link {
    margin-left: auto;
    margin-right: auto;
  }
}
.shop-preview .item-name-text {
  color: var(--text-color);
  font-size: 0.8125rem;
  font-weight: 600;
}
.shop-preview .item-type {
  margin-left: auto;
  margin-right: auto;
  color: var(--text-color);
  font-size: 0.5rem;
}
.shop-preview .price-text {
  color: var(--price-color);
  font-size: 1.25rem;
}
.shop-preview .purchase-button {
  margin-left: auto;
  margin-right: auto;
  width: 8.125rem;
  height: 1.625rem;
  line-height: 1.625rem;
  font-size: 0.75rem;
  background-color: var(--price-color);
  color: var(--contents-color);
  border-radius: 20px;
}
.shop-preview .wishlist-button {
  margin-left: auto;
  margin-right: auto;
  width: 4.375rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.625rem;
  color: var(--link-color);
  border: 1px solid hsla(0, 0%, 47.8%, 0.3);
  border-radius: 20px;
  background: #fff;
}
.color-preview-modal .vc-chrome {
  width: 100%;
  box-shadow: none;
}
.color-preview-modal .vc-chrome .vc-chrome-saturation-wrap {
  padding-bottom: 40%;
}
.color-preview-modal .vc-chrome .vc-chrome-fields-wrap {
  display: none;
}
.booth-modal-content .color-preview-modal .vc-chrome-saturation-wrap {
  max-height: 6.25rem;
}
.badge.order-state.paid {
  background-color: #abe376;
}
.badge.order-state.unpaid {
  background-color: #7f7aed;
}
.badge.order-state.cancelled {
  background-color: #de3f3a;
  color: #fff;
}
.badge.order-state.completed {
  background-color: #59bff1;
  color: #fff;
  border: none;
}
.box-history {
  font-size: 0.875rem;
  margin: 0 0 52px;
}
.box-history .head {
  width: 288px;
}
.box-history .thumbnail {
  margin-right: 16px;
}
.box-history-detail {
  margin: 0 0 39px;
  font-size: 0.875rem;
}
.box-history-detail .shipment_request-date {
  color: #171d26;
  text-align: left;
}
.box-history-detail .thumbnail {
  float: left;
  margin-right: 16px;
}
.box-history-detail .ui-open-modal {
  font-size: 0.75rem;
}
.badge.box-status {
  color: #fff;
}
.badge.box-status.not_ready {
  background: #7f7aed;
}
.badge.box-status.ready {
  background: #abe376;
}
.badge.box-status.dispatched {
  background: #59bff1;
}
.badge.box-status.cancelled {
  background: #de3f3a;
}
.notification-settings .icon-check {
  width: 34px;
  height: 18px;
  margin-right: 0.4rem;
  line-height: 18px;
  background-color: #fff;
  border: 1px solid #d5d9de;
  color: #5ccbd2;
  font-size: 1.25rem;
  border-radius: 10px;
  text-align: center;
}
.notification-settings .icon-check:before {
  margin: 0;
}
.page-activities-list-note {
  font-size: 0.8125rem;
}
.panel.login {
  width: 512px;
}
.panel.login label {
  font-weight: 600;
}
.panel.login .panel-container {
  padding: 26px 48px;
}
.panel.login #remember_oauth {
  margin-right: 2px;
}
.auth-description {
  font-size: 0.875rem;
}
.js-address-form .attention-message {
  background-color: #f8d7d6;
  margin: 0 0 1px;
  line-height: 3.25;
  text-align: center;
  color: #de3f3a;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.market-sidebar {
  box-sizing: border-box;
  flex-basis: 224px;
  width: 208px;
  max-width: 208px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-sidebar {
    float: none;
    flex-basis: auto;
    width: auto;
    max-width: none;
  }
}
.market-items {
  box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-items .breadcrumbs {
    box-shadow: inset 0 1px 0 0 #e6e8eb;
  }
}
.l-market-grid > .market-sidebar {
  order: 0;
}
.l-market-grid > .market-items {
  order: 1;
}
.market-sidebar-heading {
  align-items: center;
}
.market-sidebar-heading .nav-item {
  font-size: 0.75rem;
}
.ui-market-filter .trigger {
  cursor: default;
}
.ui-market-filter .pulldown-area {
  width: 16em;
  z-index: 100;
}
.ui-market-filter .nav-item {
  font-size: 0.8125rem;
  color: #171d26;
}
.ui-market-filter .nav-item:hover {
  background: inherit;
  color: #1b7f8c;
}
.market-sidebar-section .pseudo-pulldown {
  height: 39px;
  font-size: 0.875rem;
}
.market-sidebar-section .pseudo-pulldown .pulldown-area {
  top: -8px;
}
.market-sidebar-section .pseudo-pulldown .trigger {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  line-height: 35px;
  padding-right: 50px;
}
.market-sidebar-section .pseudo-pulldown .trigger [class|='icon'] {
  width: 35px;
  height: 35px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .nav-search-toolbar .trigger {
    padding: 0.625em;
    color: #1b7f8c;
  }
  .nav-search-toolbar .pulldown {
    position: static;
  }
  .filter-pane-mobile {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.market_section {
  padding: 2.4375rem 0;
  box-shadow: inset 0 1px 0 0 #e6e8eb;
  text-align: center;
}
.market_section.no-border {
  box-shadow: inherit;
}
.market_section.ignores_decoration {
  background: inherit;
  box-shadow: inherit;
  padding-top: 70px;
}
.market_section.ignores_decoration:nth-child(2n) {
  background-color: inherit;
}
.market_section-head {
  margin: 0 auto 1.625rem;
}
.market_section-head-title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 1px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_section-head-title {
    font-size: 1rem;
    line-height: 1.375;
  }
}
.market_section-head-title--large {
  font-size: 1.5625rem;
  line-height: 1.56;
  letter-spacing: 3px;
  color: #252f3d;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_section-head-title--large {
    font-size: 1.125rem;
    font-size: 4.8vw;
    line-height: 1.2222222222;
    margin-bottom: 0;
  }
}
.market_section-foot {
  margin: 1.625rem auto 0;
}
.market_section-foot-link {
  text-align: right;
  font-size: 0.8125rem;
  line-height: 1;
}
.ellip_border {
  position: relative;
  margin-top: -60px;
  height: 60px;
  background: linear-gradient(180deg, rgba(241, 245, 248, 0), #f1f5f8);
}
.tag_banners {
  padding: 0 0 0.40625rem;
  background-color: #f1f5f8;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_section {
    min-width: 0;
  }
  .market_section-head {
    margin: 0 auto 1.375rem;
  }
  .market_section-foot {
    height: auto;
    margin: 0;
  }
  .market_section-foot-link {
    text-align: center;
    font-size: 1rem;
    line-height: 2.03125;
  }
}
.categories {
  box-sizing: border-box;
}
.categories + .categories {
  margin: 1.625rem auto 0;
}
.categories-heading {
  position: relative;
  display: inline-block;
  margin: 0 0 26px;
  padding: 0.625em;
  background-color: #fc4d50;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.categories-heading:after {
  content: '';
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  left: 0;
  border-color: #fc4d50 transparent transparent;
  border-style: solid;
  border-width: 5px 11px 0 0;
}
.categories .categories-list {
  margin: 0 -1rem 0 0;
}
.categories .categories-list + .categories-heading {
  margin-top: 2.4375rem;
}
.categories .nav-reverse {
  box-sizing: border-box;
  max-width: calc(25% - 1rem);
  margin: 0 1rem 1rem 0;
  padding: 1.25em;
  background-color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  color: #3d4651;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categories .nav-reverse:not(a) {
  color: #505c6b;
}
.categories .nav-reverse:not(a):hover {
  text-decoration: none;
}
.categories .categoriy-cover-image {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 0.5em;
  background-color: #1b7f8c;
  background-size: cover;
  outline: 1px solid #e6e8eb;
  outline-offset: -1px;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .categories {
    box-sizing: border-box;
  }
  .categories-heading {
    margin: 0 0 11px;
    font-size: 0.75rem;
  }
  .categories .categories-list {
    margin: 0 -3%;
  }
  .categories .categories-list + .categories-heading {
    margin-top: 22px;
  }
  .categories .nav-reverse {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 45%;
    margin: 5px 2.1333333333% 6px;
    padding: 0.625em;
    box-shadow: 0 0 0 1px #f2f4f5;
    font-size: 0.75rem;
    line-height: 1;
    vertical-align: top;
  }
}
.search-guide-nav {
  min-width: 944px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .search-guide-nav {
    min-width: auto;
  }
}
.search-guide-slider-wrapper {
  position: relative;
  overflow: hidden;
  height: 4.875rem;
  margin: 0 auto;
}
.search-guide-slider-wrapper.show {
  width: 100%;
}
.search-guide-slider {
  box-sizing: border-box;
  overflow-x: scroll;
  height: 156px;
  margin: 0 auto;
  padding: 6px 0;
  -ms-overflow-style: none;
}
.search-guide-slider::-webkit-scrollbar {
  display: none;
}
.search-guide-slider-container {
  white-space: nowrap;
}
.search-guide-tablet-image {
  background-size: cover;
  background-position: 50%;
  opacity: 0.6;
}
.search-guide-tablet,
.search-guide-tablet-image {
  width: 106px;
  height: 66px;
  background-color: #252f3d;
}
.search-guide-tablet {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin: 0 10px 0 0;
  background-clip: padding-box;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  white-space: normal;
}
.search-guide-tablet:hover .search-guide-tablet-image {
  opacity: 0.66;
}
.search-guide-tablet.custom-small-banners {
  background-color: #2c9ba6;
}
.search-guide-tablet-label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
  line-height: 1.23;
  font-size: 0.8125rem;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.29);
  text-align: center;
  word-break: break-word;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.search-guide-tablet-label-inner {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 100%;
}
.search-guide-slider-nav {
  position: absolute;
  top: 0;
  display: inline;
  align-items: center;
  width: 171.508px;
  height: calc(4.875rem - 1px);
  text-decoration: none;
  color: rgba(51, 51, 52, 0.79);
  -webkit-user-select: none;
  user-select: none;
}
.search-guide-slider-nav:hover {
  color: rgba(51, 51, 52, 0.79);
}
.search-guide-slider-nav.right {
  right: 0;
  padding-right: 10px;
  background-image: linear-gradient(
    90deg,
    rgba(241, 245, 248, 0) 0,
    rgba(241, 245, 248, 0.66) 34%,
    #f1f5f8 89%
  );
  text-align: right;
}
.search-guide-slider-nav.left {
  left: 0;
  padding-left: 10px;
  background-image: linear-gradient(270deg, rgba(241, 245, 248, 0) 0, #f1f5f8 89%);
  text-align: left;
}
.search-guide-slider-nav [class|='icon'] {
  display: inline-flex;
  align-items: center;
  width: 2.5em;
  height: calc(4.875rem - 1px);
  cursor: pointer;
}
.search-guide-slider-nav [class|='icon']:before {
  line-height: 1;
}
.search-guide-slider-nav [class|='icon']:hover {
  color: rgba(94, 94, 95, 0.79);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .search-guide-nav {
    min-width: 0;
  }
  .search-guide-slider-wrapper {
    width: 100%;
    height: 66px;
    margin: 0;
  }
  .search-guide-slider {
    height: 134px;
    padding: 11px 16px;
    -webkit-overflow-scrolling: touch;
  }
  .search-guide-slider.show {
    padding: 0;
  }
  .search-guide-tablet-label {
    font-size: 0.75rem;
  }
  .search-guide-tablet,
  .search-guide-tablet-image {
    height: 44px;
  }
  .search-guide-slider-nav.left,
  .search-guide-slider-nav.right {
    display: none;
  }
}
.ask_create_booth {
  position: relative;
  text-align: center;
  padding: 52px 0;
  background: url(/static-images/bg_yellow_stripe.png);
  font-size: 0.8125rem;
  line-height: 2;
}
.ask_create_booth .shop-icon-wrapper {
  position: absolute;
  left: 50%;
  top: 26px;
  width: 42px;
  height: 42px;
  line-height: 1;
  border-radius: 5px;
  transform: translateX(-50%);
}
.ask_create_booth .shop-icon-wrapper:before {
  content: '';
  position: absolute;
  top: 30px;
  left: 50%;
  display: block;
  width: 66px;
  height: 18px;
  background-color: #85dfe6;
  border-radius: 66px/25px;
  transform: translateX(-50%);
  z-index: 0;
}
.ask_create_booth .shop-icon-wrapper i {
  position: relative;
  z-index: 10;
  display: block;
  width: 42px;
  height: 42px;
  background-color: #fff;
}
.ask_create_booth .shop-icon-wrapper i:before {
  position: relative;
  top: -3px;
  left: -3px;
}
.ask_create_booth-title {
  position: relative;
  margin: 0;
  letter-spacing: 1px;
  line-height: 2.08;
  font-size: 1.5625rem;
}
.ask_create_booth-title:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 32px;
  height: 2px;
  background-color: #fc4d50;
  transform: translateX(-50%);
}
.ask_create_booth-white_board {
  width: 656px;
  margin: 0 auto;
  padding: 26px 0;
  background-color: #fff;
  border: #121a29;
  box-shadow: inset 0 0 0 2px #121a29, inset 0 0 0 4px #fff, inset 0 0 0 5px #121a29;
}
.ask_create_booth-white_board p {
  margin: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ask_create_booth-white_board {
    box-sizing: border-box;
    width: auto;
    margin: 0 16px;
    padding: 22px 8px;
    line-height: 1.6923076923;
  }
  .ask_create_booth-title {
    margin: 22px 0;
    line-height: 1.375;
    font-size: 1.25rem;
  }
  .ask_create_booth-title:after {
    width: 32px;
  }
  .ask_create_booth .btn.big {
    margin: 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  input[type='search'] {
    -webkit-appearance: none;
    border-radius: 0;
  }
  input[type='search']::-webkit-search-decoration {
    display: none;
  }
  input[type='search']:focus {
    outline-style: none;
  }
}
.market-item-variation-thumbnail {
  position: relative;
  cursor: pointer;
}
.market-item-variation-thumbnail:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.market-item-detail .module-media iframe {
  width: 100%;
}
.market-item-detail .primary-image-area {
  background-color: #ebedf2;
  -webkit-user-select: none;
  user-select: none;
}
.market-item-detail .primary-image-area:after {
  content: '';
  display: block;
  padding-top: 100%;
  width: 0;
}
.market-item-detail .primary-image-area.slick-slider {
  touch-action: pan-y pinch-zoom;
}
.market-item-detail .primary-image-area .slick-list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.market-item-detail .primary-image-area .slick-track {
  height: 100%;
  max-height: 100%;
}
.market-item-detail .primary-image-area .slick-slide > div {
  width: 100%;
  height: 100%;
}
.market-item-detail .primary-image-area .slick-slide > div > div {
  height: 100%;
}
.market-item-detail .primary-image-area .market-item-detail-item-image-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.market-item-detail
  .primary-image-area
  .market-item-detail-item-image-wrapper
  iframe:not(.wide-content) {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail
    .primary-image-area
    .market-item-detail-item-image-wrapper
    iframe.wide-content {
    max-height: 168px;
  }
}
.market-item-detail-item-image.slick-loading {
  /* 商品画像の読込中に broken image icon が表示されるのを防ぐ */
  display: none;
}
.market-item-detail .primary-image-thumbnails .embedded-content-thumbnail {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.market-item-detail .primary-image-thumbnails .embedded-content-thumbnail i {
  display: block;
  color: #afb2bd;
}
.market-item-detail .primary-image-thumbnails .embedded-content-thumbnail i:before {
  margin-right: 0;
}
.market-item-detail .primary-image-thumbnails .pointer {
  text-decoration: none;
}
.market-item-detail .primary-image-thumbnails .slick-thumbnail-border {
  border: 4px solid transparent;
  box-sizing: border-box;
  width: 80px;
}
.market-item-detail .primary-image-thumbnails .slick-current .slick-thumbnail-border {
  border-color: #2c9ba6;
}
.market-item-detail .primary-image-thumbnails .slick-track {
  margin-left: auto;
  margin-right: auto;
}
.market-item-detail .primary-image-thumbnails img {
  max-width: 72px;
  max-height: 72px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail .slick-arrow {
    width: 4rem;
    height: 4rem;
  }
  .market-item-detail .slick-arrow:before {
    font-size: 4rem;
  }
}
.market-item-detail-item-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  line-height: 0;
}
.market-item-detail .factory-item-variation-name {
  position: absolute;
  bottom: 0.8125rem;
  left: 50%;
  transform: translateX(-50%);
}
.market-item-detail .sale-period-wrapper {
  margin-bottom: 20px;
  font-size: 0.875rem;
  padding: 12px 0 12px 12px;
}
.market-item-detail .on-sale {
  border: 1px solid #ff5c67;
  background-color: #ffe8ed;
  color: #f24343;
}
.market-item-detail .sale-period,
.market-item-detail .sale-period-label {
  display: inline-block;
  vertical-align: top;
}
.market-item-detail .sale-period-label {
  padding-right: 10px;
}
.market-item-detail .variations {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  overflow: hidden;
}
.market-item-detail .market-item-variation-thumbnail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 40px;
  width: 40px;
  margin-right: 1rem;
  text-align: center;
  line-height: 0;
}
.market-item-detail .market-item-variation-thumbnail img {
  max-width: 40px;
  max-height: 40px;
}
.market-item-detail .variation-item {
  list-style: none;
  list-style-image: none;
  box-sizing: border-box;
  margin: 0 0 -1px;
  padding: 0.75em 2px;
}
.market-item-detail .variation-item .alert {
  background: none;
  color: #de3f3a;
  font-size: 0.714em;
}
.market-item-detail .variation-item .alert.preorder {
  margin: 0.5rem 0;
}
.market-item-detail .placeholder-price {
  align-items: center;
  margin: 8px 0;
}
.market-item-detail .variation-name {
  letter-spacing: 0.025em;
}
.market-item-detail .variation-cart {
  margin: 0.286rem 0;
}
.market-item-detail .variation-cart .cart-button-wrap {
  flex: 1;
}
.market-item-detail .variation-cart .btn {
  margin: 0;
}
.market-item-detail .variation-cart .btn + .btn {
  margin-top: 0.40625rem;
}
.market-item-detail .variation-cart .free-download {
  margin: 0 0 0 0.75em;
}
.market-item-detail .variation-cart .download-valiation-disc-num {
  padding: 8px 0;
  border-bottom: 1px dotted #d7d9e0;
  font-size: 0.75rem;
  color: #7f8d9f;
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
}
.market-item-detail .variation-cart .download-file {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dotted #d7d9e0;
}
.market-item-detail .variation-cart .download-file-name {
  flex: 1;
  font-size: 0.875rem;
}
.market-item-detail .variation-cart .download-file-button {
  display: flex;
}
.market-item-detail .variation-price {
  font-size: 1.25rem;
  line-height: 1.4;
}
.market-item-detail .variation-type {
  flex-basis: 100%;
}
.market-item-detail .share-btns {
  line-height: 0;
}
.market-item-detail-description {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.market-item-detail-description .market-item-detail-item-image {
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.market-item-detail-shipment-payment {
  padding-bottom: 1.625rem;
}
.market-item-detail-shipment-payment td,
.market-item-detail-shipment-payment th {
  font-size: 0.6875rem;
}
.market-item-detail-shipment-payment th {
  white-space: nowrap;
}
.market-item-detail .flex-order-summary {
  order: 1;
  max-width: 38.4615384615%;
  flex-basis: 38.4615384615%;
  box-sizing: border-box;
  padding-left: 1.5rem;
}
.market-item-detail .flex-order-summary .icon-verified {
  color: #ff5c67;
}
.market-item-detail .flex-order-summary .shop-name {
  margin: 2px 0;
  font-size: 0.857rem;
}
.market-item-detail .flex-order-summary .badge.adult {
  padding: 0.34em 0.5em;
}
.market-item-detail .flex-order-body {
  order: 0;
  max-width: 61.5384615385%;
  flex-basis: 61.5384615385%;
  box-sizing: border-box;
  padding-right: 1.5rem;
}
.market-item-detail .autolink {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.market-item-detail .player {
  margin: 0.571rem 0;
  background-color: #ebedf2;
  border-radius: 5px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail {
    margin-top: 0;
  }
  .market-item-detail header .shop-name {
    display: inline-block;
    padding: 0.2855rem 0 0;
  }
  .market-item-detail .variation-item {
    padding-left: 0;
    padding-right: 0;
  }
  .market-item-detail .variation-cart .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.market-item-detail .shop-items .container .shop-info {
  width: 100%;
  text-align: left;
  min-width: 0;
}
.market-item-detail .shop-items .container .shop-info .shop-items-owner-info {
  display: flex;
  text-align: left;
}
.market-item-detail .shop-items .container .shop-info .shop-items-owner-info .nav {
  display: block;
}
.market-item-detail .shop-items .container .shop-info .shop-items-owner-info .user-avatar {
  display: block;
  width: 68px;
  height: 68px;
  margin-right: 1rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail .shop-items .container .shop-info .shop-items-owner-info .user-avatar {
    width: 52px;
    height: 52px;
  }
}
.market-item-detail .shop-items .container .shop-info .shop-name {
  min-width: 0;
  display: block;
  font-size: 1.125rem;
  line-height: 1.3888888889;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail .shop-items .container .btn.follow-action,
  .market-item-detail .shop-items .container .btn.unfollow-action {
    width: 100%;
  }
}
.market-item-detail .shop-items .container .js-fanbox-link {
  display: none;
}
.market-item-detail .shop-items .container .js-fanbox-link .fanbox {
  background-color: #ff5c67;
}
.market-item-detail .shop-items .container .js-fanbox-link .fanbox:hover,
.market-item-detail .shop-items .container .js-fanbox-link .fanbox:link,
.market-item-detail .shop-items .container .js-fanbox-link .fanbox:visited {
  color: #fff;
}
.market-item-detail-article {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-item-detail-article .icon-verified {
    color: #ff5c67;
  }
  .market-item-detail-shipment-payment {
    padding: 11px 16;
    border-top: 1px solid #e6e8eb;
  }
  .market-item-detail-shipment-payment .subhead {
    margin-bottom: 0.6875rem;
  }
}
@media screen and (min-width: 737px) {
  .market_top-shortcut-buttons {
    display: none;
  }
  .market_top-topics-banners {
    background-color: #fff;
    overflow: hidden;
  }
  .market_top-topics-banners .market_section-head,
  .market_top-topics-banners .topic-aside_section {
    display: none;
  }
  .market_top-topics-banners-wrapper {
    width: 100%;
  }
  .market_top-topics-banners-wrapper .market_top-topics-banner .topic-thumbnail {
    width: 100%;
    display: none;
  }
  .market_top-topics-banners .slick-initialized .slick-slide {
    padding-right: 2px;
    line-height: 0;
  }
  .market_top-topics-banners .slick-slider {
    margin-bottom: 2.4375rem;
  }
  .market_top-topics-banners .slick-dots {
    bottom: -24px;
    font-size: 0;
  }
  .market_top-topics-banners .slick-dots button,
  .market_top-topics-banners .slick-dots li {
    vertical-align: top;
    height: 11px;
    width: 11px;
  }
  .market_top-topics-banners .slick-dots li button {
    background: #d7d9e0;
    opacity: 1;
  }
  .market_top-topics-banners .slick-dots li.slick-active button {
    background: #fc4d50;
    opacity: 1;
  }
  .market_top-topics-banners .slick-arrow {
    height: 40px;
    width: 40px;
    background-color: rgba(252, 77, 80, 0.89);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.13);
  }
  .market_top-topics-banners .slick-next:before,
  .market_top-topics-banners .slick-prev:before {
    text-shadow: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_top-shortcut-buttons {
    display: flex;
    padding: 5px 5% 11px;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #e6e8eb;
    overflow: hidden;
  }
  .market_top-shortcut-buttons-search {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 33px;
    width: 60%;
    flex: 1 0 auto;
    padding-left: 0.5em;
    background-color: #f7f8fa;
    border: 1px solid #afb2bd;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 2px 0 rgba(0, 0, 0, 0.05);
    color: #7f8d9f;
    cursor: pointer;
    font-size: 0.8125rem;
  }
  .market_top-shortcut-buttons-search [class|='icon'] {
    height: 33px;
    width: 33px;
    padding: 0;
    background-color: #3a404a;
    color: #fff;
    border-radius: 0 2px 2px 0;
  }
  .market_top-shortcut-buttons .btn.negative {
    height: 33px;
    margin-left: 0.5em;
    padding: 0.625em;
    border-radius: 2px;
    font-size: 0.8125rem;
  }
  .market_top-topics-banners {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #e6e8eb;
  }
  .market_top-topics-banners .market_section-head-title {
    font-size: 1rem;
    line-height: 1.375;
    margin: 0 auto;
    text-align: center;
  }
  .market_top-topics-banners .topic-aside_section {
    margin: -45px 0 10px;
  }
  .market_top-topics-banners-wrapper {
    margin-right: -1px;
    padding-bottom: 4px;
    font-size: 0;
  }
  .market_top-topics-banners-wrapper .topic-thumbnail {
    display: block;
    width: 100%;
  }
  .market_top-topics-banners-wrapper:after {
    display: block;
    clear: both;
    content: ' ';
  }
  .market_top-topics-banner {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding-right: 1px;
    margin-bottom: 1px;
  }
}
.market_top-headings .subtitle {
  margin: 0;
  background-color: #fff;
  font-size: 0.8125rem;
  letter-spacing: 2px;
  color: #fc4d50;
  line-height: 52px;
}
.market_top-headings .subtitle.bigger {
  font-size: 1.125rem;
}
.market_top-coop-logo {
  width: 100px;
  min-width: 100px;
  margin: auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_top-coop-logo {
    width: 100px;
    min-width: 100px;
  }
}
.market-top-custom-small-banners {
  padding: 1.625rem 0 2.4375rem;
}
.market-top-custom-small-banners-head {
  margin-bottom: 0.8125rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market-top-custom-small-banners-head {
    margin-bottom: 0;
  }
}
.top_navigation {
  padding-bottom: 52px;
  text-align: left;
}
.top_navigation .categories-menu {
  display: flex;
  font-weight: 700;
  background-color: #fff;
  border-radius: 0.1875rem;
  padding: 0.625rem 1rem;
  margin: -0.3125rem 0;
  align-items: center;
  height: 2rem;
}
.top_navigation .categories-menu .icon {
  margin-right: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
}
.top_navigation .categories-menu .name {
  color: #3d4651;
  font-size: 0.75rem;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .top_navigation .categories-menu {
    margin: -0.0625rem -0.1875rem;
    padding: 0.625rem;
  }
}
.top-categories-heading {
  font-size: 0.8125rem;
  line-height: 3;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.svg-arrow {
  opacity: 0.15;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .market_top-headings .subtitle {
    padding: 5.5px 0 0;
    font-size: 0.8125rem;
    line-height: 22px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .recommended-shops-items .more-to-see {
    display: inline-block;
    margin-bottom: 11px;
    font-size: 0.75rem;
  }
  .hot_items .more-to-category {
    display: inline-block;
    margin-bottom: 11px;
    font-size: 0.75rem;
  }
  .top-categories-heading {
    font-size: 0.75rem;
    line-height: 22/12;
  }
}
.topic_v2 .topic_subtitle_text {
  color: #ff5c67;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.topic_v2 .topic_description_text {
  letter-spacing: 1.6px;
  color: rgba(53, 71, 71, 0.79);
}
.topic_v2 .topic_header_wrapper {
  width: 100%;
  padding: 1.625rem 0;
  background-color: #fff;
}
.topic_v2 .topic_header_wrapper .topic_navs {
  display: flex;
  padding-top: 0.8125rem;
}
.topic_v2 .topic_header_wrapper .topic_navs .topic_nav {
  display: inline-block;
  font-size: 0.6875rem;
  line-height: 1;
  margin: 0 5px;
  color: #171d26;
  text-decoration: none;
}
.topic_v2 .topic_header_wrapper .topic_navs .topic_nav:hover {
  color: #fc4d50;
}
.topic_v2 .topic_header_wrapper .topic_navs .icon-arrow-open-down {
  color: #505c6b;
}
.topic_v2 .topic_header_wrapper .topic_header {
  display: flex;
  align-items: center;
  max-width: 820px;
  margin: 0 auto;
}
.topic_v2 .topic_header_wrapper .topic_header .topic_title_group {
  width: 310px;
  flex: 1 0 310px;
}
.topic_v2 .topic_header_wrapper .topic_header .thumbnail_image {
  display: block;
  margin-left: 30px;
}
.topic_v2 .topic_header_wrapper .topic_title {
  margin: 0;
}
.topic_v2 .topic_header_wrapper .topic_title_text {
  font-size: 1rem;
  line-height: 1.625;
}
.topic_v2 .topic_header_wrapper .topic_subtitle {
  padding-top: 0.40625rem;
}
.topic_v2 .topic_header_wrapper .topic_subtitle_text {
  font-size: 1.9375rem;
  line-height: 1.2580645161;
  letter-spacing: 1px;
}
.topic_v2 .topic_header_wrapper .topic_description {
  padding-top: 0.8125rem;
}
.topic_v2 .topic_header_wrapper .topic_description_text {
  font-size: 0.8125rem;
  line-height: 2;
}
.topic_v2 .topic_header_wrapper .topic_description_text p {
  margin: 0;
}
.topic_v2 .topic_content {
  padding-bottom: 4.875rem;
}
.topic_v2 .topic_content .market_section.ignores_decoration {
  padding-top: 0;
}
.topic_v2 .topic_content .topic_section_title {
  margin: 0 auto;
  max-width: 600px;
  padding-top: 4.875rem;
  font-size: 1.9375rem;
  text-align: center;
}
.topic_v2 .topic_content .topic_section_title:first-child {
  padding-top: 2.4375rem;
}
.topic_v2 .topic_content .topic_text {
  word-break: break-all;
  margin: 0 auto;
  padding-top: 0.8125rem;
  letter-spacing: 1px;
}
.topic_v2 .topic_content .links {
  text-align: center;
}
.topic_v2 .topic_content .links * {
  display: inline-block;
}
.topic_v2 .topic_content .links [class*='_link'] {
  margin: 0.5rem;
  padding: 0.625em;
  border-style: solid;
  border-width: 2px;
  border-radius: 2px;
  white-space: nowrap;
  font-size: 0.8125rem;
  text-decoration: none;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.topic_v2 .topic_content .links .item_link,
.topic_v2 .topic_content .links .search_link,
.topic_v2 .topic_content .links .shop_link {
  background-color: #fff;
  border-color: #252f3d;
  color: #252f3d;
}
.topic_v2 .topic_content .links .external_link {
  border-color: #fc4d50;
  background-color: #fc4d50;
  color: #fff;
}
.topic_v2 .topic_content .images-1cols .image_wrapper {
  padding: 5px;
  line-height: 0;
}
.topic_v2 .topic_content .images-1cols img {
  max-width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .topic_v2 .topic_header_wrapper {
    width: 100%;
    background-color: #fff;
    padding: 0;
  }
  .topic_v2 .topic_header_wrapper .topic_header {
    flex-direction: column-reverse;
    margin: 0;
  }
  .topic_v2 .topic_header_wrapper .topic_header .topic_title_group {
    flex: 1 0 auto;
    padding: 0.6875rem 1.8125em;
  }
  .topic_v2 .topic_header_wrapper .topic_header .thumbnail_image {
    display: block;
    width: 100%;
    margin: 0;
  }
  .topic_v2 .topic_header_wrapper .topic_header .topic_title {
    display: none;
  }
  .topic_v2 .topic_header_wrapper .topic_header .topic_subtitle {
    padding: 0;
  }
  .topic_v2 .topic_header_wrapper .topic_header .topic_subtitle_text {
    font-size: 1.125rem;
    text-align: center;
  }
  .topic_v2 .topic_header_wrapper .topic_header .topic_description_text {
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.83;
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
  }
  .topic_v2 .topic_content {
    padding-bottom: 22px;
  }
  .topic_v2 .topic_content .market_section.ignores_decoration {
    padding-top: 0;
  }
  .topic_v2 .topic_content .topic_section_title {
    padding: 33px 1rem 11px;
    font-size: 1.4375rem;
    letter-spacing: 1;
  }
  .topic_v2 .topic_content .topic_section_title:first-child {
    padding-top: 22px;
  }
  .topic_v2 .topic_content .topic_text {
    margin-top: 11px;
    padding: 0 1rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.8333333333;
  }
  .topic_v2 .topic_content .links {
    padding: 0 1rem;
  }
  .topic_v2 .topic_content .links [class*='_link'] {
    font-size: 0.75rem;
  }
}
.topic_v2 .topic_share_buttons {
  padding: 1.625rem 0;
  background-color: #e9eef2;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .topic_v2 .topic_share_buttons {
    padding: 1.375rem 0;
  }
}
.topic_v2 .topic-aside_section {
  padding: 1.625rem 0;
  background-color: #fff;
}
.topic_v2 .topic-aside_section .topic-aside_section-heading {
  margin: 0.8125rem 0 0;
  font-size: 1.25rem;
  letter-spacing: 2.5px;
  text-align: center;
}
.topic_v2 .topic-aside_section .topics-basic {
  margin: 1.625rem -1rem 0 0;
  padding: 0;
  text-align: center;
  font-size: 0;
}
.topic_v2 .topic-aside_section .topic-basic {
  display: inline-block;
  box-sizing: border-box;
  list-style: none;
  width: 33.3%;
  margin: 0 0 1.625rem;
  padding: 0 1rem 0 0;
}
.topic_v2 .topic-aside_section .topic-basic-banner-wrap {
  position: relative;
  display: block;
  padding-top: 62.5%;
  background-color: #f7f8fa;
}
.topic_v2 .topic-aside_section .topic-basic-banner {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .topic_v2 .topic-aside_section .topic-basic {
    width: 50%;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .topic_v2 .topic-aside_section {
    padding: 1.375rem 4.2666666667%;
  }
  .topic_v2 .topic-aside_section .topic-aside_section-heading {
    margin: 0;
    font-size: 1rem;
    font-size: 4.2666666667vw;
    letter-spacing: 2px;
  }
  .topic_v2 .topic-aside_section .topics-basic {
    margin: 1.375rem -1rem 0 0;
  }
  .topic_v2 .topic-aside_section .topic-basic {
    width: 50%;
    margin: 0 0 1.375rem;
    padding: 0 4.2666666667% 0 0;
  }
}
.restock-request-links .add-request {
  display: inline-block;
}
.restock-request-links .remove-request,
.restock-request-links.requested .add-request {
  display: none;
}
.restock-request-links.requested .remove-request {
  display: inline-block;
}
.for-shop-owner {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 20px 0 12px;
}
.booth-apps-top-container {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-apps-top-container {
    width: auto;
  }
}
#booth-apps-top .hero {
  height: 220px;
  background-color: #fff;
  margin-bottom: 40px;
  padding-top: 40px;
}
#booth-apps-top .hero-headings {
  height: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  background-image: url(/static-images/shop_apps/top/hero/bg.svg);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
#booth-apps-top .hero-headings__caption,
#booth-apps-top .hero-headings__image {
  background-color: #fff;
}
#booth-apps-top .hero-headings__image {
  width: 265px;
}
#booth-apps-top .hero-headings__caption {
  width: 440px;
  font-size: 0.9rem;
  margin: 20px 0 10px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #booth-apps-top .hero {
    height: 300px;
    padding-top: 60px;
  }
  #booth-apps-top .hero-headings {
    background-position: bottom;
    background-size: 95%;
  }
  #booth-apps-top .hero-headings__image {
    text-align: center;
    width: auto;
  }
  #booth-apps-top .hero-headings__caption {
    width: auto;
    margin: 20px 30px;
  }
}
#booth-apps-top .booth-apps {
  background-color: #f1f5f8;
}
#booth-apps-top .booth-apps a {
  text-decoration: none;
}
#booth-apps-top .booth-apps-wrapper {
  max-width: 960px;
  margin: 0 auto;
}
#booth-apps-top .booth-app,
#booth-apps-top .highlight-app {
  margin-bottom: 13px;
  border-radius: 5px;
  background-color: #fff;
  padding: 4px;
  background-image: url(/static-images/shop_apps/top/apps/arrow.png);
  background-position: 100% 100%;
  background-origin: content-box;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #booth-apps-top .booth-app,
  #booth-apps-top .highlight-app {
    background-image: url(/static-images/shop_apps/top/apps/arrow@2x.png);
    background-size: 32px;
  }
}
#booth-apps-top .booth-app-price {
  display: flex;
}
#booth-apps-top .booth-app-price__regular-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 13px;
  color: #252f3d;
}
#booth-apps-top .regular-price {
  flex: 1;
  display: flex;
}
#booth-apps-top .regular-price__unit {
  width: 18px;
  font-size: 0.8rem;
  padding-top: 8px;
}
#booth-apps-top .regular-price__current {
  font-size: 1.2rem;
  font-weight: 400;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #booth-apps-top .booth-app-price__regular-price {
    display: block;
    padding: 0;
  }
  #booth-apps-top .regular-price {
    padding-right: 15px;
  }
  #booth-apps-top .regular-price__unit {
    padding-top: 2px;
  }
}
#booth-apps-top .highlight-app {
  display: flex;
}
#booth-apps-top .highlight-app__info {
  width: 50%;
  display: flex;
}
#booth-apps-top .highlight-app__logo {
  width: 50%;
}
#booth-apps-top .highlight-app-image {
  width: 100%;
  vertical-align: bottom;
}
#booth-apps-top .description-wrapper {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
}
#booth-apps-top .description__app-name {
  font-weight: 700;
  font-size: 21px;
  color: #252f3d;
}
#booth-apps-top .tag-new {
  margin-left: 10px;
}
#booth-apps-top .app-price {
  width: 35%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #252f3d;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #booth-apps-top .highlight-app {
    display: block;
    margin: 0 20px 12px;
  }
  #booth-apps-top .highlight-app__info,
  #booth-apps-top .highlight-app__logo {
    width: auto;
  }
  #booth-apps-top .description-wrapper {
    padding: 16.33px 6px 12px 12px;
  }
  #booth-apps-top .description__app-caption {
    font-size: 0.8rem;
    padding-top: 6px;
  }
  #booth-apps-top .description__app-name {
    font-size: 0.938rem;
  }
  #booth-apps-top .tag-new {
    vertical-align: text-bottom;
  }
  #booth-apps-top .app-price {
    padding-right: 0;
  }
}
#booth-apps-top .booth-apps__items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
#booth-apps-top .booth-apps__items a {
  display: flex;
  width: 49.5%;
}
#booth-apps-top .app-image {
  width: 120px;
}
#booth-apps-top .booth-app-description {
  flex: 2;
  padding: 13px 20px;
}
#booth-apps-top .booth-app-description__name {
  font-weight: 700;
  color: #252f3d;
  padding-bottom: 10px;
}
#booth-apps-top .booth-app-description__caption {
  font-size: 0.8rem;
}
#booth-apps-top .booth-app {
  display: flex;
}
#booth-apps-top .booth-app__image {
  display: flex;
  align-items: center;
  padding: 14px 0 14px 12px;
}
#booth-apps-top .booth-app__info {
  display: flex;
  flex: 1;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #booth-apps-top .booth-apps__items {
    margin-bottom: 40px;
  }
  #booth-apps-top .booth-apps__items a {
    display: block;
    width: 100%;
    margin: 0 20px 12px;
  }
  #booth-apps-top .app-image {
    width: 140px;
  }
  #booth-apps-top .booth-app-description {
    padding: 0 0 10px;
  }
  #booth-apps-top .booth-app-description__name {
    padding-bottom: 6px;
  }
  #booth-apps-top .booth-app {
    margin-bottom: 0;
  }
  #booth-apps-top .booth-app__info {
    display: block;
    padding: 12px 12px 12px 10px;
  }
}
#booth-apps-top .share-btns {
  display: flex;
  justify-content: center;
  padding: 40px 0;
  background-color: #fff;
}
#booth-apps-top .share-btns__share-btn {
  margin: 0 12px;
  line-height: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #booth-apps-top .share-btns {
    padding: 20px 0;
  }
  #booth-apps-top .share-btns__share-btn {
    margin: 0 4px;
  }
}
.company td,
.company th {
  text-align: left;
}
.company th {
  width: 5rem;
  padding-left: 0;
}
#consignment_sale .itaku-head {
  background-color: #fff;
  text-align: center;
}
#consignment_sale .itaku-title {
  font-size: 1.375rem;
}
#consignment_sale .itaku-container {
  width: 944px;
  margin: 0 auto;
}
#consignment_sale .itaku-point {
  padding: 30px 12px;
}
#consignment_sale .itaku-page {
  letter-spacing: 1px;
}
#consignment_sale .itaku-h2,
#consignment_sale .itaku-page {
  margin: 0;
  padding-bottom: 20px;
  font-size: 1.875rem;
  line-height: 2.813rem;
}
#consignment_sale .itaku-h3 {
  margin: 0;
  padding-bottom: 15px;
  font-size: 1.375rem;
}
#consignment_sale .itaku-section {
  margin: 0;
  border-top: 1px solid #d5d9de;
  text-align: center;
}
#consignment_sale .itaku-wrapper {
  width: 920px;
  margin: 0 auto;
}
#consignment_sale .itaku-caption {
  padding: 30px 15px;
  background-color: #fff;
}
#consignment_sale .itaku-caption-title {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d5d9de;
}
#consignment_sale .itaku-img {
  width: 850px;
  margin: 30px 0 0;
}
#consignment_sale .itaku-img-button {
  width: 420px;
  margin: 30px 0 0;
}
#consignment_sale .itaku-img-button:hover {
  opacity: 0.7;
  transition: 0.18s ease-in-out;
}
#consignment_sale .itaku-br {
  display: block;
}
#consignment_sale .itaku-merit {
  margin: 20px 0;
  padding: 30px 15px;
  background-color: #fff;
}
#consignment_sale .itaku-merit-wrapper {
  width: 520px;
  margin: 0 auto;
}
#consignment_sale .itaku-merit-line {
  display: inline-block;
  margin: 0 auto 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d5d9de;
}
#consignment_sale .itaku-bnr_area {
  max-width: 944px;
  padding-bottom: 30px;
  text-align: center;
}
#consignment_sale .itaku-bnr_box {
  display: inline-block;
  width: 420px;
  margin: 0 20px;
  background: none;
}
#consignment_sale .itaku-bnr-img {
  width: 420px;
}
#consignment_sale .itaku-bnr-img:hover {
  opacity: 0.7;
  transition: 0.18s ease-in-out;
}
#consignment_sale .itaku-mb30 {
  margin-bottom: 30px;
}
#consignment_sale .itaku-mb2l {
  margin-bottom: 3.25rem;
}
#consignment_sale .itaku-h1txt {
  font-size: 0.8em;
  color: #a5a5a5;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #consignment_sale {
    font-size: 0.938rem;
    line-height: 1.5rem;
  }
  #consignment_sale .itaku-title {
    font-size: 1.125rem;
  }
  #consignment_sale .itaku-container {
    width: 100%;
    text-align: left;
  }
  #consignment_sale .itaku-point {
    padding: 20px 12px;
  }
  #consignment_sale .itaku-h2,
  #consignment_sale .itaku-page {
    padding-bottom: 15px;
    margin: 0;
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  #consignment_sale .itaku-h3 {
    margin: 0;
    font-size: 1.125rem;
    padding-bottom: 10px;
  }
  #consignment_sale .itaku-wrapper {
    width: 100%;
  }
  #consignment_sale .itaku-caption {
    padding: 20px 15px;
  }
  #consignment_sale .itaku-caption-title {
    margin-top: 20px;
    padding-top: 20px;
  }
  #consignment_sale .itaku-img,
  #consignment_sale .itaku-img-button {
    width: 100%;
    margin: 20px 0 0;
  }
  #consignment_sale .itaku-img-button:hover {
    opacity: 0.7;
    transition: 0.18s ease-in-out;
  }
  #consignment_sale .itaku-br {
    display: inline;
  }
  #consignment_sale .itaku-merit {
    padding: 20px 15px;
  }
  #consignment_sale .itaku-merit-wrapper {
    width: 100%;
  }
  #consignment_sale .itaku-merit-line {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5d9de;
  }
  #consignment_sale .itaku-bnr_area {
    width: 100%;
    padding: 0;
  }
  #consignment_sale .itaku-bnr_box {
    width: 100%;
    margin: 0 0 10px;
  }
  #consignment_sale .itaku-bnr-img {
    width: 100%;
  }
  #consignment_sale .itaku-bnr-img:hover {
    opacity: 0.7;
    transition: 0.18s ease-in-out;
  }
  #consignment_sale .itaku-mb2l {
    margin-bottom: 2.75rem;
  }
  #consignment_sale .itaku-mb30 {
    margin-bottom: 20px;
  }
}
#trading_flowchart .container {
  width: 100%;
  background-color: #e9eef3;
  margin: 0;
}
#trading_flowchart .main-head {
  background: none;
  text-align: center;
  margin: 0 auto;
  width: 650px;
  padding: 0;
  line-height: 0;
  display: block;
}
#trading_flowchart .main-head h1,
#trading_flowchart .main-head h2,
#trading_flowchart .main-head p {
  margin: 0;
  line-height: 0;
}
#trading_flowchart .trading-flow {
  width: 100%;
  background-color: #fff;
  margin: 0;
  line-height: 0;
  clear: both;
}
#trading_flowchart .main-flow {
  background-image: url(/static-images/flowchart/bg.png);
  background-repeat: no-repeat;
  background-position: top;
  margin: 0 auto;
  width: 650px;
  overflow: hidden;
}
#trading_flowchart .flow-left {
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
}
#trading_flowchart .flow-left img {
  margin: 0;
}
#trading_flowchart .flow-right {
  float: right;
  margin: 0;
  padding: 0;
  width: 50%;
}
#trading_flowchart .flow-right img {
  margin: 0;
}
#trading_flowchart .faqwrapper {
  background-color: #fff952;
  text-align: center;
}
#trading_flowchart .main-faq {
  margin: 0 auto;
  width: 650px;
}
#trading_flowchart .faq_btn {
  padding-bottom: 25px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #trading_flowchart .main-head {
    margin: 0;
    width: 100%;
  }
  #trading_flowchart .main-flow {
    margin: 0;
    width: 100%;
    background-size: cover;
  }
  #trading_flowchart .main-faq {
    margin: 0;
    width: 100%;
  }
}
.banners-page-head {
  float: none;
  font-size: 3rem;
  text-align: center;
  padding: 40px 0 20px;
  margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .banners-page-head {
    font-size: 1.8rem;
    padding: 20px 0 0;
  }
}
.guide-images {
  background: url(/static-images/guide-01.png) no-repeat 0 0;
}
.rice {
  font-size: 12px;
  line-height: 12px;
  color: #c6c9cd;
}
#warehouse_group_shipments_guide {
  background: #53d6dc;
}
#warehouse_group_shipments_guide .container.static-width {
  padding-bottom: 10px;
}
#warehouse_group_shipments_guide .main-head {
  background: none;
}
#warehouse_group_shipments_guide .main-head h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 916px;
  background-image: url(/static-images/warehouse_group_shipments/page_header.png);
  background-repeat: no-repeat;
  height: 30px;
  margin: 50px auto 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .main-head h1 {
    background-image: url(/static-images/warehouse_group_shipments/page_header@2x.png);
    background-size: 916px 68px;
  }
}
#warehouse_group_shipments_guide .section {
  position: relative;
  padding: 0 0 8px;
  margin-bottom: 40px;
  width: 928px;
  background-image: url(/static-images/warehouse_group_shipments/bg_dot.png);
  background-position: 100%;
  text-align: center;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section {
    background-image: url(/static-images/warehouse_group_shipments/bg_dot@2x.png);
    background-size: 28px 28px;
  }
}
#warehouse_group_shipments_guide .section:after {
  content: ' ';
  top: 0;
  right: 0;
}
#warehouse_group_shipments_guide .section .fake-background,
#warehouse_group_shipments_guide .section:after {
  position: absolute;
  width: 12px;
  height: 10px;
  background-color: #53d6dc;
  background-position: 100%;
}
#warehouse_group_shipments_guide .section .fake-background {
  bottom: -2px;
  left: 0;
}
#warehouse_group_shipments_guide .section .section-inner {
  border: 5px solid #f73f4a;
  width: 868px;
  background: #fff;
  padding: 19px;
}
#warehouse_group_shipments_guide .section h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-top: 0;
  margin-bottom: 24px;
}
#warehouse_group_shipments_guide .section small {
  color: #383838;
  font-size: 0.6875rem;
  font-family: HiraKakuProN-W3;
}
#warehouse_group_shipments_guide .section hr {
  background-image: url(/static-images/warehouse_group_shipments/dot_line.png);
  display: block;
  border: 0;
  height: 1px;
  margin-bottom: 24px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section hr {
    background-image: url(/static-images/warehouse_group_shipments/dot_line@2x.png);
    background-size: 868px 1px;
  }
}
#warehouse_group_shipments_guide .section p.note {
  line-height: 2em;
  font-size: 0.8125rem;
  margin-top: 15px;
  color: #383838;
}
#warehouse_group_shipments_guide .section .warning {
  color: #fc585c;
}
#warehouse_group_shipments_guide .section-1st h2 {
  background-image: url(/static-images/warehouse_group_shipments/section_title_basic.png);
  height: 95px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-1st h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_basic@2x.png);
    background-size: 338px 95px;
  }
}
#warehouse_group_shipments_guide .section-2nd h2 {
  background-image: url(/static-images/warehouse_group_shipments/section_title_terms.png);
  height: 96px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-2nd h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_terms@2x.png);
    background-size: 621px 96px;
  }
}
#warehouse_group_shipments_guide .section-2nd h3 {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  line-height: 1.6em;
  font-size: 1rem;
  color: #383838;
  margin: 15px 0 5px;
}
#warehouse_group_shipments_guide .section-2nd h3 .small {
  font-size: 0.6875rem;
}
#warehouse_group_shipments_guide .section-3rd .h2-background {
  background-color: #f73f4a;
  height: 135px;
  width: 916px;
}
#warehouse_group_shipments_guide .section-3rd .h2-background h2 {
  background-image: url(/static-images/warehouse_group_shipments/section_title_caution.png);
  height: 135px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-3rd .h2-background h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_caution@2x.png);
    background-size: 826px 79px;
  }
}
#warehouse_group_shipments_guide .section-3rd p.note {
  font-size: 0.875rem;
  margin-bottom: 10px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #warehouse_group_shipments_guide .main-head {
    padding: 1.375rem 0;
  }
  #warehouse_group_shipments_guide .main-head h1 {
    width: auto;
    height: 0;
    margin: 0 15px;
    padding: 18% 0 0;
    background-size: 712px auto;
    background-position: 50%;
  }
  #warehouse_group_shipments_guide .section {
    width: auto;
    margin: 0 15px;
    padding-bottom: 1.375rem;
    background-image: none;
    text-align: left;
  }
  #warehouse_group_shipments_guide .section .fake-background,
  #warehouse_group_shipments_guide .section:after {
    display: none;
  }
  #warehouse_group_shipments_guide .section .section-inner {
    width: auto;
    border-width: 3px;
  }
  #warehouse_group_shipments_guide .section .section-inner img {
    width: 100%;
  }
  #warehouse_group_shipments_guide .section p.note {
    line-height: 1.5;
  }
  #warehouse_group_shipments_guide .section-1st h2 {
    height: 0;
    padding-top: 26%;
    margin: 0;
    background-image: url(/static-images/warehouse_group_shipments/section_title_basic_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-1st h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_basic_mobile@2x.png);
    background-size: 88% auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #warehouse_group_shipments_guide .section-2nd h2 {
    height: 0;
    padding-top: 35%;
    background-image: url(/static-images/warehouse_group_shipments/section_title_terms_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-2nd h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_terms_mobile@2x.png);
    background-size: 88% auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #warehouse_group_shipments_guide .section-3rd .h2-background {
    width: auto;
    height: auto;
  }
  #warehouse_group_shipments_guide .section-3rd .h2-background h2 {
    height: 0;
    padding-top: 36%;
    margin: 0;
    background-image: url(/static-images/warehouse_group_shipments/section_title_caution_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  #warehouse_group_shipments_guide .section-3rd .h2-background h2 {
    background-image: url(/static-images/warehouse_group_shipments/section_title_caution_mobile@2x.png);
    background-size: 88% auto;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #warehouse_group_shipments_guide .figure-wrap {
    position: relative;
  }
  #warehouse_group_shipments_guide .figure-wrap .expand-image-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    background-color: #ff5c67;
    border-radius: 2px;
    text-align: center;
    transform: scale(0.8);
  }
  #warehouse_group_shipments_guide .figure-wrap .expand-image-btn a {
    color: #fff;
  }
}
#banners ul {
  list-style: none;
  text-align: center;
}
#banners .banner460x60 img {
  margin: 10px 0 0;
}
#banners .banner460x60 textarea {
  font-size: 12px;
  height: 22px;
  width: 468px;
  padding: 2px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
}
#banners .banner200x40 img {
  margin: 10px 0 0;
}
#banners .banner200x40 li {
  display: inline-block;
  padding: 0 10px;
}
#banners .banner200x40 textarea {
  width: 200px;
}
#banners .banner200x40 textarea,
#banners .banner300x250 textarea {
  font-size: 12px;
  height: 22px;
  padding: 2px;
  margin: 0;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
}
#banners .banner300x250 textarea {
  width: 300px;
}
#payment {
  background-color: #fff;
}
#payment .wrapper.container {
  text-align: center;
  margin-bottom: 30px;
}
#payment .bank {
  background-color: #f1f4f6;
  padding: 1rem 2rem;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment .bank {
    padding: 1rem;
  }
}
#payment .bank-name {
  font-size: 1.125rem;
  vertical-align: middle;
}
#payment .payment_logo {
  width: 96px;
  margin-right: 16px;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment .payment_logo {
    width: 80px;
  }
}
#payment .payment_logo.bigger {
  width: 160px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment .payment_logo.bigger {
    width: 100px;
  }
}
#payment .payment_logo.smaller {
  width: 60px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment .payment_logo.smaller {
    width: 50px;
  }
}
#payment .badge {
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 0.2em 0.5em;
  background: #59bff1;
  color: #fff;
  border-radius: 3px;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  vertical-align: middle;
}
#payment .badge.red {
  background: #fc4d50;
  color: #fff;
}
#payment .payment .btn.submit {
  padding: 0.625em;
}
#payment .payment .cmd-label {
  font-size: 14px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment h1.tpg-title1 {
    margin-bottom: 22px;
  }
  #payment h2.tpg-headline {
    margin-top: 39px;
  }
  #payment table.payment td,
  #payment table.payment th {
    padding: 0.625em 0;
  }
}
#payment-flow {
  margin: 0;
  padding: 0;
  list-style: none;
}
#payment-flow li {
  position: relative;
  margin: 24px 0;
  padding: 12px 12px 12px 64px;
  background: #fff;
  border: 4px solid #d7d9e0;
  border-radius: 4px;
}
#payment-flow .flow-step {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 48px;
  line-height: 44px;
  background: #d7d9e0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 1.25rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #payment-flow li {
    margin: 11px 0;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-description {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }
  to {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}
@keyframes move-description {
  0% {
    transform: translateY(45%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slidein {
  0% {
    transform: translateY(7px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes scalein {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  to {
    transform: scale(1.045);
    opacity: 1;
  }
}
@keyframes show-logo {
  0% {
    transform: scale(0.92);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes show-logo-sp {
  0% {
    transform: translateX(-6px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes loading {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.about-page {
  overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page br.pc-newline {
    display: none;
  }
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page br.sp-newline {
    display: none;
  }
}
.about-page .common-button {
  display: grid;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  min-width: 15rem;
  max-width: 17.75rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  background-color: #fc4d50;
  box-shadow: 0 0.625rem 1.25rem rgba(252, 77, 80, 0.8);
  transition: 0.2s ease-out;
  transition-property: box-shadow, transform;
}
.about-page .common-button:visited {
  color: #fff;
}
.about-page .common-button:hover {
  color: #fff;
  box-shadow: 0 0.9375rem 1.5625rem rgba(252, 77, 80, 0.8);
  transform: scale(1.03);
}
.about-page .common-title {
  display: grid;
  opacity: 0;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .common-title {
    justify-items: center;
    gap: 3.75rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .common-title {
    gap: 2.5rem;
  }
}
.about-page .common-title__title {
  font-size: 2.25rem;
  line-height: 3.25rem;
  font-weight: 700;
  color: #333;
}
.about-page .common-title__line {
  width: 6rem;
  height: 0.875rem;
  background: url(/static-images/about/line.svg) 50% / contain no-repeat;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .common-title__line {
    width: 5.5rem;
    height: 0.75rem;
  }
}
.about-page .common-title.scroll-effect.emit {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page [class^='preload__'] {
  display: none;
}
.about-page .main-visual {
  position: relative;
  display: grid;
  gap: 0.75rem;
  justify-items: end;
  background-color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual {
    gap: 0.5rem;
  }
}
.about-page .main-visual:before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e0e0e0;
  opacity: 0;
  animation: loading 1.4s ease-in-out infinite both;
}
.about-page .main-visual__illust-wrapper {
  position: relative;
  width: 100%;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .main-visual__illust-wrapper {
    height: 100vh;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__illust-wrapper {
    margin-top: -0.5rem;
    height: 31.25rem;
  }
}
.about-page .main-visual__illust {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.about-page .main-visual__illust:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(/static-images/about/main-visual.jpg) 50% / cover no-repeat;
}
.about-page .main-visual__logo-wrapper {
  position: absolute;
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .main-visual__logo-wrapper {
    justify-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__logo-wrapper {
    justify-items: start;
    left: 1.25rem;
    bottom: -2rem;
  }
}
.about-page .main-visual__description {
  display: grid;
  justify-items: center;
  line-height: 1;
  font-weight: 700;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .main-visual__description {
    gap: 0.75rem;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__description {
    justify-items: start;
    gap: 0.5rem;
    font-size: 1rem;
  }
}
.about-page .main-visual__description span {
  display: block;
  background-color: #fff;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__description span {
    padding: 0.25rem 0.625rem;
  }
}
.about-page .main-visual__logo {
  width: 14.375rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__logo {
    width: 12.9375rem;
  }
}
.about-page .main-visual__illustrator {
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #bbb;
  margin-right: 5rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .main-visual__illustrator {
    margin-right: 0.75rem;
  }
}
.about-page .main-visual__illustrator span:not(:last-child) {
  margin-right: 0.25rem;
}
.about-page .main-visual__illustrator a {
  color: #fc4d50;
}
@supports ((-webkit-clip-path: polygon(0 0, 0 0)) or (clip-path: polygon(0 0, 0 0))) {
  .about-page .main-visual__illust:before {
    opacity: 0;
  }
  @media screen and (min-device-width: 737px), screen and (min-width: 737px) {
    .about-page .main-visual__description {
      transform: translateY(45%);
    }
  }
  .about-page .main-visual__description span {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
  .about-page .main-visual__logo {
    opacity: 0;
  }
  .about-page .main-visual.emit:before {
    animation: none;
  }
  .about-page .main-visual.emit .main-visual__illust:before {
    animation: scalein 2.2s cubic-bezier(0, 0, 0.24, 0.99) 0s both;
  }
  @media screen and (min-device-width: 737px), screen and (min-width: 737px) {
    .about-page .main-visual.emit .main-visual__description {
      animation: move-description 0.64s cubic-bezier(0, 0, 0.24, 0.99) 1.3s both;
    }
  }
  .about-page .main-visual.emit .main-visual__description span {
    animation: show-description 0.65s cubic-bezier(0, 0, 0.24, 0.99) both;
  }
  .about-page .main-visual.emit .main-visual__description span:first-of-type {
    animation-delay: 0.3s;
  }
  .about-page .main-visual.emit .main-visual__description span:nth-of-type(2) {
    animation-delay: 0.75s;
  }
  .about-page .main-visual.emit .main-visual__logo {
    animation: 0.56s ease-out 1.3s both;
  }
  @media screen and (min-device-width: 737px), screen and (min-width: 737px) {
    .about-page .main-visual.emit .main-visual__logo {
      animation-name: show-logo;
    }
  }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    .about-page .main-visual.emit .main-visual__logo {
      animation-name: show-logo-sp;
    }
  }
}
.about-page .concept {
  position: relative;
}
.about-page .concept__bg {
  position: absolute;
  top: 0;
  left: calc(50% - 37.5rem);
  width: 75rem;
  height: 100%;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .concept__bg {
    left: 0;
    width: 100%;
  }
}
.about-page .concept__decoration {
  display: block;
  position: absolute;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .concept__decoration:first-of-type {
    top: 5.625rem;
    left: 3.125rem;
    width: 15.125rem;
  }
  .about-page .concept__decoration:nth-of-type(2) {
    bottom: 11rem;
    left: 0;
    width: 6.1875rem;
  }
  .about-page .concept__decoration:nth-of-type(3) {
    top: 1.375rem;
    right: 5.25rem;
    width: 14.6875rem;
  }
  .about-page .concept__decoration:nth-of-type(4) {
    bottom: 7.125rem;
    right: 0;
    width: 15.625rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .concept__decoration:nth-of-type(3) {
    top: 0.625rem;
    right: 0.5rem;
    width: 6rem;
  }
  .about-page .concept__decoration:nth-of-type(4) {
    top: 6.375rem;
    right: 0;
    width: 6.75rem;
  }
  .about-page .concept__decoration:first-of-type {
    bottom: 0.25rem;
    right: -1.75rem;
    width: 8.375rem;
  }
  .about-page .concept__decoration:nth-of-type(2) {
    bottom: -1.375rem;
    right: 5.5rem;
    width: 4rem;
  }
}
.about-page .concept__inner {
  display: grid;
  gap: 2.5rem;
  font-weight: 700;
  color: #333;
  background-color: #fff;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .concept__inner {
    padding: 1.375rem 0 5rem;
    text-align: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .concept__inner {
    padding: 4.75rem 1.875rem 6.25rem;
  }
}
.about-page .concept__title {
  font-size: 3.5rem;
  line-height: 5rem;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .concept__title {
    font-size: 2.5rem;
    line-height: 4rem;
  }
}
.about-page .concept__description {
  font-size: 1rem;
  line-height: 2rem;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .concept__description {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.about-page .concept.scroll-effect.emit .concept__title {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page .concept.scroll-effect.emit .concept__description {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.35s forwards;
}
.about-page .concept.scroll-effect.emit .concept__bg {
  animation: slidein 1.6s ease-out 0.35s forwards;
}
.about-page .lets-start {
  display: grid;
  gap: 2.5rem;
  justify-items: center;
  background-color: #f3f8fb;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .lets-start {
    padding: 5rem 0 6.25rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .lets-start {
    padding: 3.75rem 0 7.5rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .lets-start .common-title {
    padding: 0 1.875rem;
  }
}
.about-page .lets-start__visual-wrapper {
  display: grid;
  gap: 1.25rem;
  justify-items: center;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .lets-start__visual-wrapper {
    margin-top: 1.25rem;
  }
}
.about-page .lets-start__decoration {
  position: absolute;
  top: calc(50% - 14.375rem);
  left: calc(50% - 39.6875rem);
  width: 79.375rem;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .lets-start__decoration {
    display: none;
  }
}
.about-page .lets-start__movie-wrapper {
  opacity: 0;
}
.about-page .lets-start__movie-wrapper.scroll-effect.emit {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page .lets-start__movie-wrapper.scroll-effect.emit .lets-start__decoration {
  animation: slidein 1.6s cubic-bezier(0, 0, 0.24, 0.99) 0.4s forwards;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .lets-start__movie-wrapper {
    position: relative;
    width: 50rem;
    height: 31.25rem;
    background-color: #fff;
    border-radius: 1.25rem;
  }
}
.about-page .lets-start__movie {
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.about-page .lets-start__movie:after {
  content: '';
  display: block;
  padding-top: 100%;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .lets-start__movie {
    position: absolute;
    top: 0;
    left: 50%;
    width: 28.75rem;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .lets-start__movie {
    width: 100vw;
  }
}
.about-page .lets-start__description {
  font-weight: 700;
  color: #333;
  opacity: 0;
}
.about-page .lets-start__description.scroll-effect.emit {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .lets-start__description {
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .lets-start__description {
    font-size: 1.125rem;
    line-height: 1.875rem;
    padding: 0 1.875rem;
  }
}
.about-page .lets-start .common-button {
  opacity: 0;
}
.about-page .lets-start .common-button.scroll-effect.emit {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page .topics {
  display: grid;
  gap: 2.5rem;
  justify-items: center;
  background-color: #f3f8fb;
  padding-bottom: 5.5rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .topics {
    padding: 0 1.875rem 6.75rem;
  }
}
.about-page .topics__inner {
  display: grid;
  gap: 2.5rem;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .topics__inner {
    grid-template-columns: repeat(3, 1fr);
    max-width: 80rem;
    width: 100%;
  }
}
.about-page .topics__banner-wrapper {
  position: relative;
  display: block;
  cursor: pointer;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .topics__banner-wrapper.scroll-effect.emit {
    animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
  }
}
.about-page .topics__banner-wrapper:before {
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  border: 0.25rem solid;
  transform: translate(0.75rem, 0.75rem);
}
.about-page .topics__banner-wrapper:hover img {
  transform: translate(0.1875rem, 0.1875rem);
}
.about-page .topics__banner-wrapper:first-of-type:before,
.about-page .topics__banner-wrapper:nth-of-type(6):before {
  border-color: #5ccbd2;
}
.about-page .topics__banner-wrapper:nth-of-type(2):before,
.about-page .topics__banner-wrapper:nth-of-type(4):before {
  border-color: #ffc534;
}
.about-page .topics__banner-wrapper:nth-of-type(3):before,
.about-page .topics__banner-wrapper:nth-of-type(5):before {
  border-color: #fc4d50;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .topics__banner-wrapper:not(:nth-of-type(-n + 4)) {
    display: none;
  }
  .about-page .topics__banner-wrapper:before {
    transform: translateY(0.75rem);
  }
  .about-page .topics__banner-wrapper:nth-of-type(4):before {
    border-color: #ffc534;
  }
}
.about-page .topics__banner {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 1rem;
  transition: transform 0.2s ease-out;
}
.about-page .topics .common-title__title {
  opacity: 0;
}
.about-page .topics.scroll-effect.emit .common-title__title {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper {
    animation: slidein 1.4s cubic-bezier(0, 0, 0.24, 0.99) forwards;
  }
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:first-of-type {
    animation-delay: 0.35s;
  }
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:nth-of-type(2),
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:nth-of-type(4) {
    animation-delay: 0.4s;
  }
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:nth-of-type(3),
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:nth-of-type(5) {
    animation-delay: 0.45s;
  }
  .about-page .topics.scroll-effect.emit .topics__banner-wrapper:nth-of-type(6) {
    animation-delay: 0.5s;
  }
}
.about-page .category {
  display: grid;
  justify-items: center;
  gap: 1.5625rem;
  padding-bottom: 5rem;
  background-color: #f3f8fb;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .category {
    gap: 2.5rem;
    padding: 0 1.875rem 3.75rem;
  }
}
.about-page .category__inner {
  display: grid;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .category__inner {
    gap: 2.5rem;
    grid-template-columns: repeat(6, 1fr);
    max-width: 72.5rem;
    width: 100%;
  }
}
.about-page .category__list {
  display: grid;
  opacity: 0;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .category__list {
    grid-template-rows: auto 1fr;
    gap: 1.75rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .category__list {
    grid-template-columns: auto 1fr;
    grid-template-areas: 'icon name';
    gap: 1.75rem;
  }
  .about-page .category__list:nth-of-type(2n) {
    grid-template-columns: 1fr auto;
    grid-template-areas: 'name icon';
  }
  .about-page .category__list.scroll-effect.emit {
    animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
  }
}
.about-page .category__icon {
  width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .category__icon {
    grid-area: icon;
    width: 8.75rem;
  }
}
.about-page .category__name {
  align-self: center;
  font-weight: 700;
  color: #333;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .category__name {
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .category__name {
    grid-area: name;
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}
.about-page .category.scroll-effect.emit .common-title__title {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .category.scroll-effect.emit .category__list {
    animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) forwards;
  }
  .about-page .category.scroll-effect.emit .category__list:first-of-type {
    animation-delay: 0.35s;
  }
  .about-page .category.scroll-effect.emit .category__list:nth-of-type(2) {
    animation-delay: 0.4s;
  }
  .about-page .category.scroll-effect.emit .category__list:nth-of-type(3) {
    animation-delay: 0.45s;
  }
  .about-page .category.scroll-effect.emit .category__list:nth-of-type(4) {
    animation-delay: 0.5s;
  }
  .about-page .category.scroll-effect.emit .category__list:nth-of-type(5) {
    animation-delay: 0.55s;
  }
  .about-page .category.scroll-effect.emit .category__list:nth-of-type(6) {
    animation-delay: 0.6s;
  }
}
.about-page .functions {
  display: grid;
  gap: 3.75rem;
  padding: 5rem 0;
  background-color: #fff;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .functions {
    justify-items: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .functions {
    gap: 2.5rem;
    padding: 3.75rem 1.875rem;
  }
}
.about-page .functions__inner {
  display: grid;
  gap: 3.75rem;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .functions__inner {
    max-width: 57.5rem;
  }
}
.about-page .functions__text-wrapper {
  display: grid;
  gap: 0.75rem;
  opacity: 0;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .functions__text-wrapper {
    grid-area: text-wrapper;
  }
}
.about-page .functions__art {
  opacity: 0;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .functions__art {
    grid-area: art;
    width: 28.75rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .functions__art {
    width: calc(100% + 3.75rem);
    margin: 0 -1.875rem;
    background-color: #f3f8fb;
  }
}
.about-page .functions__list {
  display: grid;
  font-weight: 700;
}
.about-page .functions__list.scroll-effect.emit .functions__art {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page .functions__list.scroll-effect.emit .functions__text-wrapper {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.35s forwards;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  .about-page .functions__list {
    position: relative;
    grid-template-columns: 1fr 28.75rem;
    gap: 2.5rem;
    grid-template-areas: 'text-wrapper art';
    align-items: center;
  }
  .about-page .functions__list:nth-of-type(2n) {
    grid-template-areas: 'art text-wrapper';
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .functions__list {
    gap: 1.125rem;
  }
}
.about-page .functions__title {
  font-size: 2.25rem;
  line-height: 3.25rem;
  color: #fc4d50;
}
.about-page .functions__description {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #333;
}
.about-page .functions [class^='functions__decoration'] {
  position: absolute;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .functions [class^='functions__decoration'] {
    display: none;
  }
}
.about-page .functions [class^='functions__decoration'].functions__decoration_type_1 {
  top: -0.9375rem;
  right: -3.6875rem;
  width: 4.875rem;
}
.about-page .functions [class^='functions__decoration'].functions__decoration_type_2 {
  top: 4.5rem;
  left: -3.5rem;
  width: 5.6875rem;
}
.about-page .functions [class^='functions__decoration'].functions__decoration_type_3 {
  top: 4rem;
  right: -3.6875rem;
  width: 4.875rem;
}
.about-page .functions [class^='functions__decoration'].functions__decoration_type_4 {
  top: 5.46875rem;
  left: -2.78125rem;
  width: 4.84375rem;
}
.about-page .booth-start {
  display: grid;
  gap: 1.75rem;
  justify-items: center;
  padding: 8.3125rem 0;
  background: url(/static-images/about/bg.png) 50% / cover no-repeat;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .about-page .booth-start {
    padding: 6.25rem 1.875rem;
  }
}
.about-page .booth-start__title {
  font-size: 1.5rem;
  line-height: 2.875rem;
  font-weight: 700;
  opacity: 0;
}
.about-page .booth-start .common-button {
  opacity: 0;
}
.about-page .booth-start.scroll-effect.emit .booth-start__title {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.2s forwards;
}
.about-page .booth-start.scroll-effect.emit .common-button {
  animation: slidein 1s cubic-bezier(0, 0, 0.24, 0.99) 0.35s forwards;
}
.thank-you-message-pane {
  background-color: #f1f5f8;
  padding: 1.25rem 4.125rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .thank-you-message-pane {
    padding: 0.9375rem;
  }
}
.thank-you-message-pane .thank-you-message-container {
  margin: 0 auto;
}
.thank-you-message-pane .thank-you-message-container .thank-you-message {
  position: relative;
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 1.25rem;
  border: 0.0625rem solid #d5d9de;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .thank-you-message-pane .thank-you-message-container .thank-you-message {
    padding: 0.9375rem;
  }
}
.thank-you-message-pane .thank-you-message-container .thank-you-message:after,
.thank-you-message-pane .thank-you-message-container .thank-you-message:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 0.5rem solid transparent;
  border-top-color: #d5d9de;
  transform: translate(-50%, 100%);
}
.thank-you-message-pane .thank-you-message-container .thank-you-message:after {
  border-top: 0.5rem solid #fff;
  transform: translate(-50%, calc(100% - 1.414px));
}
.thank-you-message-pane .thank-you-message-container .thumbnail {
  margin-top: 0.875rem;
}
.hidden,
[v-cloak] {
  display: none;
}
.private-shop-footer {
  align-items: center;
  display: flex;
  height: 80px;
  margin: 0 auto 40px;
  border-radius: 6px;
  background-image: url(/static-images/private_shop/bg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: contain;
  background-color: #5ccbd2;
}
.private-shop-footer-description {
  width: 48%;
  margin: 0 20px;
  font-size: 12px;
  color: #fff;
}
.private-shop-footer-guide {
  font-size: 13px;
  color: #fff;
  background-color: #2c9ba6;
  border-radius: 3px;
  height: 40px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.private-shop-footer-guide a {
  text-decoration: none;
  color: #fff;
  margin: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .private-shop-footer {
    width: 90%;
    height: auto;
    background-image: none;
    display: block;
    text-align: center;
  }
  .private-shop-footer-description {
    width: auto;
    padding: 20px;
    margin: 0;
  }
  .private-shop-footer-guide {
    display: inline-block;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.bgimage:before {
  background-size: cover;
  background-position: top;
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  content: '\a';
  transition: 0.5s;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .bgimage:before {
    transition: 0;
  }
}
.bgimage[intro='true'] {
  transition: 0.5s;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .bgimage[intro='true'] {
    transition: 0;
  }
}
.bgimage[intro='true']:before {
  opacity: 0;
}
.page-exhibition-venue {
  font-family: Barlow, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
}
.page-exhibition-venue .btn,
.page-exhibition-venue h1,
.page-exhibition-venue h2,
.page-exhibition-venue h3,
.page-exhibition-venue h4,
.page-exhibition-venue h5,
.page-exhibition-venue h6 {
  font-family: Barlow, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.l-exhibition-intro {
  position: relative;
  max-width: 1092px;
  margin: 0 auto;
  font-weight: 700;
}
.l-exhibition-intro .icon-arrow-open-down:before {
  margin-right: 0;
}
[class^='.l-exhibition-intro__'] {
  box-sizing: boreder-box;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-exhibition-intro {
    max-width: 100%;
  }
}
.l-exhibition-intro-section {
  display: flex;
  justify-content: center;
  margin: 4.0625rem 0;
}
.l-exhibition-intro-section li {
  margin-bottom: 16px;
}
.l-exhibition-intro-section::after {
  content: '';
  display: block;
  flex: 0 0 19.0476190476%;
}
.l-exhibition-intro-section-head {
  position: relative;
  flex: 0 0 19.0476190476%;
  width: 19.0476190476%;
  writing-mode: vertical-rl;
}
.l-exhibition-intro-section__title {
  position: absolute;
  top: -13px;
  left: 78px;
  margin: 0;
  padding: 0.6125em;
  font-size: 1.328125rem;
  letter-spacing: 0.25em;
}
@media (min-width: 1280px) {
  .l-exhibition-intro-section__title {
    left: 0;
  }
}
.l-exhibition-intro-section-lead-body {
  flex: 1 1 auto;
}
.l-exhibition-intro-section-lead {
  margin-bottom: 4.0625rem;
  font-size: 2.0751953125rem;
  line-height: 1.5661176471;
  letter-spacing: 0.0675em;
  text-align: initial;
  font-feature-settings: 'palt';
}
.l-exhibition-intro-section-lead p {
  margin: 0;
}
.l-exhibition-intro-section-body {
  font-size: 1.0625rem;
  line-height: 2.2941176471;
  letter-spacing: 0.1176470588em;
  text-align: justify;
  font-feature-settings: 'palt';
}
.l-exhibition-intro-section-body p {
  margin-bottom: 2.4375rem;
}
.l-exhibition-intro-subsection {
  margin-bottom: 4.0625rem;
}
.l-exhibition-intro-subsection__title {
  margin: 0 0 1.625rem;
  font-size: 1.0625rem;
  line-height: 1.5294117647;
  letter-spacing: 0.25em;
  font-feature-settings: 'palt';
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-exhibition-intro-section {
    display: block;
    margin: 4.125rem 0;
    padding: 0 9.5238095238%;
  }
  .l-exhibition-intro-section li {
    margin-bottom: 11px;
  }
  .l-exhibition-intro-section-head {
    writing-mode: horizontal-tb;
    flex: none;
    width: auto;
  }
  .l-exhibition-intro-section__title {
    position: static;
    display: inline-block;
    margin-bottom: 0.34375rem;
    transform: none;
    font-size: 0.7777777778rem;
  }
  .l-exhibition-intro-section__title--small {
    display: inline-block;
    margin-top: 0;
    font-size: inherit;
  }
  .l-exhibition-intro-section-lead {
    margin-bottom: 1.375rem;
    padding: 0;
    font-size: 1.107421875rem;
    line-height: 1.3854117647;
  }
  .l-exhibition-intro-section-body {
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5714285714;
  }
  .l-exhibition-intro-section-body p {
    margin-bottom: 1.375rem;
  }
  .l-exhibition-intro-subsection {
    margin-bottom: 2.75rem;
  }
  .l-exhibition-intro-subsection__title {
    margin-bottom: 0.6875rem;
    font-size: 0.875rem;
    line-height: 1.5714285714;
  }
}
.l-exhibition-article-body {
  position: relative;
}
.l-exhibition-article-wrapper {
  position: relative;
  text-align: center;
  z-index: 1;
}
.l-exhibition-article {
  display: inline-block;
  margin: 0 auto;
  padding: 0 0 52px;
}
.l-exhibition-article-header,
.l-exhibition-article .market_section {
  padding: 39px 26px;
  background-color: #fff;
}
.l-exhibition-article-header {
  text-align: left;
}
.l-exhibition-article-footer {
  background-color: #fff;
  padding: 1px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-exhibition-article {
    display: block;
  }
  .l-exhibition-article-header {
    padding: 1.375rem 4.2666666667%;
  }
}
.l-exhibition-article-search {
  position: relative;
}
.l-exhibition-article-search:after {
  content: '';
  position: absolute;
  top: calc(100% - 16px);
  left: 50%;
  display: block;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-right: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
  transform: rotate(45deg);
}
.l-exhibition-search-filter {
  margin-right: 1rem;
}
.l-exhibition-search-filter + .l-exhibition-search-filter {
  margin-top: 1.625rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-exhibition-search-filter {
    margin: 0;
    padding: 0.625em;
    border: 1px solid #d5d9de;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 8px rgba(0, 0, 0, 0.03);
  }
  .l-exhibition-search-filter + .l-exhibition-search-filter {
    margin-top: 0.6875rem;
  }
  .l-exhibition-search-filter__list {
    margin-top: 0.6875rem;
  }
}
.l-manage-dashboard > .container > .annotation-box {
  margin: 0 0 26px;
}
.l-manage-dashboard > .sheet {
  overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-manage-dashboard > .container > .annotation-box {
    margin: 0;
  }
}
.l-manage-dashboard-header > .dashboard-shop-followers {
  margin-top: 0.625em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-manage-dashboard-header > .dashboard-shop-name {
    margin: 0.34375rem 0;
  }
}
.l-introduction-card > .introduction-card-wrap {
  margin: 0 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-introduction-card > .introduction-card-wrap {
    margin: 0;
  }
  .l-introduction-card > .introduction-card-wrap + .introduction-card-wrap {
    margin: 17px 0 0;
  }
}
.l-dashboard-announcements {
  padding: 0;
}
.l-dashboard-announcements > .dashboard-announcement-item {
  position: relative;
  margin: 0 0 8px 1.6em;
}
.l-dashboard-announcement-item > .badge {
  margin-left: 0;
}
.l-dashboard-announcement-item > .announcement_type {
  min-width: 0;
}
.l-dashboard-announcement-item > .dashboard-announcement-item__icon {
  position: absolute;
  left: -1.6em;
}
.l-dashboard-shop-apps > .dashboard-stats-sheet-group,
.l-dashboard-shop-apps > .static-message-box {
  margin-top: 19.5px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-dashboard-shop-apps > .dashboard-shop-apps-head,
  .l-dashboard-shop-apps > .dashboard-stats-sheet-group,
  .l-dashboard-shop-apps > .static-message-box {
    margin-top: 11px;
  }
}
.l-dashboard-shop-apps-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -13px -8px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-dashboard-shop-apps-grid {
    margin-left: -6px;
    margin-right: -6px;
    margin-top: -10px;
  }
}
.l-dashboard-shop-apps-grid-cell {
  box-sizing: border-box;
  flex: 0 0 25%;
  padding: 13px 8px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-dashboard-shop-apps-grid-cell {
    flex: 0 0 50%;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
  }
}
.l-dashboard-stats > .dashboard-stats-sheet-group {
  margin-bottom: 2.4375rem;
}
.l-dashboard-stats > .dashboard-stats-sheet-group:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-dashboard-stats > .dashboard-stats-sheet-group {
    margin-bottom: 22px;
  }
}
.l-dashboard-menu-group + .l-dashboard-menu-group {
  margin-top: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-dashboard-menu-group {
    margin-top: 11px;
  }
}
.l-dashboard-menus > .dashboard-menu {
  margin-top: 13px;
}
.l-followings-header {
  position: relative;
}
.l-followings-header > .followings-count {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-followings-header {
    display: flex;
    flex-direction: column;
  }
  .l-followings-header > .followings-count {
    position: static;
    order: 2;
  }
}
.l-following-shop {
  align-items: center;
}
.l-following-shop > .following-shop {
  margin-right: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-following-shop > .following-shop {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.l-following-shop > .following-shop-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.l-following-summaries > .following-shop__action-box,
.l-following-summaries > .following-shop__summary-box {
  position: relative;
  top: -4px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-following-summaries > .following-shop__action-box {
    top: -2px;
  }
}
.l-following-shop-item-list > .following-shop-item-list {
  margin-left: 27px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-following-shop-item-list > .following-shop-item-list {
    margin-left: 0;
    margin-top: 15px;
  }
}
.l-following-shop-item {
  display: flex;
  justify-content: flex-start;
}
.l-following-shop-item > .following-shop-item + .following-shop-item {
  margin-left: 10px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-following-shop-item > .following-shop-item + .following-shop-item {
    margin-left: 20px;
  }
}
.l-following-shop-item-empty > .following-shop-item-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-recommended-shops {
  display: flex;
  padding: 10px 20px;
  margin-bottom: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-recommended-shops {
    flex-direction: column;
    justify-content: space-around;
    padding: 20px;
  }
}
.l-recommended-shops-summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 340px;
  margin-right: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-recommended-shops-summary {
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
.l-recommended-shop {
  flex-direction: column;
  text-align: center;
  width: 120px;
  line-height: 1rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-recommended-shop {
    width: calc(25vw - 17.5px);
  }
}
.l-recommended-shops-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-recommended-shops-list {
    margin-left: 0;
  }
}
.l-recommended-shops-list > .l-recommended-shop + .l-recommended-shop {
  margin-left: 10px;
}
.l-recommended-shop-name {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.exhibition-list-header {
  padding: 1.625rem 0;
  text-align: center;
}
.exhibition-list-header__title {
  margin: 0;
  font-size: 1.5625rem;
  line-height: 1.56;
  letter-spacing: 0.125em;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-list-header {
    padding: 0.34375rem 0;
  }
  .exhibition-list-header__title {
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
}
.exhibition-list-body .exhibition-list__section {
  padding-bottom: 3.25rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-list-body .exhibition-list__section {
    padding-bottom: 1.375rem;
  }
}
.exhibition-list-body .exhibition-section-title {
  margin: 0 0 0.8125rem 3px;
  font-size: 1.3125rem;
  line-height: 1.5238095238;
  color: #505c6b;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-list-body .exhibition-section-title {
    margin: 0 0 0.34375rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.4666666667;
  }
}
.exhibition-list-body .event-item {
  display: block;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.exhibition-list-body .event-item__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 130px;
  padding: 0 20px;
  background-color: #ebedf2;
  background-size: cover;
  background-position: 50%;
  border-radius: 8px 8px 0 0;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.21), 0 2px 5px rgba(0, 0, 0, 0.11);
}
.exhibition-list-body .event-item__groupname {
  font-size: 1rem;
  line-height: 1.375;
}
.exhibition-list-body .event-item__name {
  font-size: 1.875rem;
  line-height: 1.1;
}
.exhibition-list-body .event-item__footer {
  position: relative;
  padding: 24px 20px;
}
.exhibition-list-body .event-item__state-badge {
  position: absolute;
  top: 0;
  left: 20px;
  transform: translateY(-50%);
  padding: 3px 9px;
  background-color: #121a29;
  border-radius: 2px;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.exhibition-list-body .event-item__state-badge--type-current {
  background-color: #fc4d50;
}
.exhibition-list-body .event-item__state-badge--type-feature {
  background-color: #2ad587;
}
.exhibition-list-body .event-item__term {
  color: #252f3d;
  letter-spacing: 0.0625em;
}
.exhibition-list-body .event-item__term--emphasis {
  display: inline-block;
  margin: 0 0.0625em;
  font-size: 1.5em;
  letter-spacing: 0;
}
.exhibition-list-body .event-item--type-current-feature {
  background-color: #fff;
  border-radius: 8px;
}
.exhibition-list-body .event-item--type-current {
  margin: 0 0 0.8125rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-list-body .event-item__header {
    height: 110px;
    padding: 0 13px;
    border-radius: 0;
  }
  .exhibition-list-body .event-item__groupname {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .exhibition-list-body .event-item__name {
    font-size: 1.3125rem;
    line-height: 1.2380952381;
  }
  .exhibition-list-body .event-item__footer {
    padding: 15px 13px;
  }
  .exhibition-list-body .event-item__state-badge {
    left: 13px;
  }
  .exhibition-list-body .event-item__term {
    font-size: 0.75rem;
    line-height: 1.6666666667;
  }
  .exhibition-list-body .event-item--type-current-feature {
    border-radius: 0;
    margin: 0 0 0.6875rem;
  }
}
.exhibition-list-body .past-event-item {
  color: #96a2b0;
}
.exhibition-list-body .past-event-item__title {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.3888888889;
  color: #252f3d;
}
.exhibition-list-body .past-event-item__term {
  color: #505c6b;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-list-body .past-event-item__title {
    font-size: 1rem;
    line-height: 1.375;
  }
  .exhibition-list-body .past-event-item__term {
    font-size: 0.8125rem;
    line-height: 1.4615384615;
  }
}
.btn__entry-exhibition--header-nav {
  font-size: 0.8125rem;
}
.btn__entry-exhibition--intro {
  font-size: 1.5625rem;
  padding: 37px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .btn__entry-exhibition--intro {
    padding: 22px;
  }
}
.exhibition-hero {
  position: relative;
  width: 100%;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-hero {
    margin-left: 0;
    width: 100%;
  }
}
.exhibition-hero__main-visual {
  position: relative;
  top: 0;
  left: 4.38vw;
  right: 0;
  z-index: 0;
  max-width: calc(100% - 4.38vw);
  max-height: calc(100vh - 156px);
  overflow: hidden;
  height: 70.92199vw;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-hero__main-visual {
    height: 60vh !important;
  }
}
.exhibition-hero__image {
  width: 100%;
}
.exhibition-hero__caption {
  margin: 0 0 0.8125rem;
  padding: 0.8125em 0.4em;
  opacity: 0.9;
  font-size: 0.84375rem;
  letter-spacing: 0.125em;
}
@media (min-width: 64rem) {
  .exhibition-hero__caption {
    font-size: 1.3194444444vw;
  }
}
@media (min-width: 120rem) {
  .exhibition-hero__caption {
    font-size: 1.583rem;
  }
}
.exhibition-hero__texts {
  position: absolute;
  z-index: 1;
  left: 3.68vw;
  opacity: 0.92;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-hero__caption {
    left: 0;
    padding: 2px;
  }
  .exhibition-hero__texts {
    left: 0;
  }
}
.exhibition-hero-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.exhibition-hero-title__name {
  margin-bottom: 0.8125rem;
  padding: 0 2px;
  font-size: 2.6vw;
  letter-spacing: 0.04em;
  line-height: 1;
}
.exhibition-hero-title__vol-name {
  margin-bottom: 0.8125rem;
  padding: 0 2px;
  font-size: 6.75vw;
  line-height: 1;
}
.exhibition-term {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 2px;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media (min-width: 46rem) {
  .exhibition-term__month-time,
  .exhibition-term__year {
    font-size: 1.5277777778vw;
  }
}
@media (min-width: 120rem) {
  .exhibition-term__month-time,
  .exhibition-term__year {
    font-size: 1.8335rem;
  }
}
.exhibition-term__month-date,
.exhibition-term__month-day {
  line-height: 1;
}
@media (min-width: 46rem) {
  .exhibition-term__month-date,
  .exhibition-term__month-day {
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 120rem) {
  .exhibition-term__month-date,
  .exhibition-term__month-day {
    font-size: 3.667rem;
  }
}
.exhibition-term__month-day {
  margin: 0 7.02px;
}
.exhibition-term-slash {
  width: 1.25vw;
  height: 3px;
  margin: 0 11.25px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-hero__main-visual {
    left: 0;
    max-width: 100%;
    max-height: none;
    height: calc(100vh - 88px);
  }
  .exhibition-hero__image {
    width: 100%;
    height: auto;
  }
  .exhibition-hero-title__name {
    margin-bottom: 5px;
    font-size: 5vw;
  }
  .exhibition-hero-title__vol-name {
    margin-bottom: 5px;
    font-size: 7vw;
  }
  .exhibition-term__month-time,
  .exhibition-term__year {
    font-size: 3.2vw;
  }
  .exhibition-term__month-date,
  .exhibition-term__month-day {
    font-size: 6.4vw;
  }
}
.exhibition-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2.4375rem;
}
.exhibition-header__caption-texts {
  font-size: 18px;
  line-height: 25px;
}
.exhibition-header__link {
  display: block;
  margin-left: 52px;
  font-size: 0.8125rem;
  text-decoration: none;
}
.exhibition-header__link:hover,
.exhibition-header__link:link,
.exhibition-header__link:visited {
  color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .btn {
    padding: 0.6875rem 4.2666666667%;
  }
  .btn__entry-exhibition--header-nav {
    font-size: 0.8125rem;
  }
  .btn__entry-exhibition--intro {
    font-size: 1rem;
  }
}
.exhibition-intro__entry-note {
  padding-left: 1em;
  margin-bottom: 1.625rem !important;
  border-left-style: solid;
  border-left-width: 2px;
  line-height: 1.65;
}
.exhibition-intro__entry-note.wide-image {
  width: 100%;
}
.exhibition-article-header__texts {
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-article-header__texts {
    font-size: 1.3125rem;
  }
}
.exhibition-search-filter__title {
  margin: 0 1rem 0 0;
  font-size: 1.0625rem;
  line-height: 1.28;
}
.exhibition-search-filter__title--emphasys1 {
  font-size: 1.25rem;
}
.exhibition-search-filter__title--emphasys2 {
  font-size: 1.5625rem;
}
.exhibition-search-filter__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  word-break: break-word;
  box-sizing: border-box;
  min-height: 63px;
  height: 100%;
  padding: 0.40625rem 0.25rem;
  border: 1px solid #d5d9de;
  text-align: center;
  text-decoration: none;
  line-height: 1.125;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.exhibition-search-filter__link:link,
.exhibition-search-filter__link:visited {
  color: #7f8d9f;
}
.exhibition-search-filter__search-box__input {
  height: 1.28;
  width: 100rem;
  box-sizing: border-box;
  border: 1px solid #d5d9de !important;
  background-color: #ebedf2 !important;
}
.exhibition-search-filter__search-box__button {
  background-color: #2ad587;
  border-color: transparent;
  color: #fff;
  height: 1.28;
  font-weight: 700;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-search-filter__title {
    text-align: left;
  }
  .exhibition-search-filter__link {
    min-height: 44px;
    font-size: 0.8125rem;
  }
  .exhibition-search-filter__current {
    font-size: 15px;
  }
}
.exhibition-search-result__section-title {
  margin: 0 0 1.625rem;
  font-size: 1.25rem;
  line-height: 1.95;
}
.exhibition-search-result__page-position {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  color: #3d4651;
  letter-spacing: 0.13em;
  text-align: left;
}
.exhibition-search-result__page-position--all-counts {
  font-size: 1.125rem;
}
.exhibition-search-result__empty-msg {
  margin-bottom: 3.25rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-search-result__section-title {
    margin: 0 0 1.375rem;
  }
  .exhibition-search-result__page-position {
    margin: 0 0 0.6875rem;
  }
  .exhibition-search-result__empty-msg {
    margin-bottom: 2.75rem;
  }
}
.exhibition-application-wrapper {
  background-color: #fff;
}
.exhibition-application {
  width: 100%;
}
.exhibition-application-steps {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}
.exhibition-application-step {
  position: relative;
  flex-basis: 192px;
  width: 192px;
  margin: 0;
}
.exhibition-application-step-head {
  display: block;
  text-align: center;
  margin: 0;
  font-size: 1rem;
}
.exhibition-application-step-body {
  display: block;
  margin: 0;
  font-size: 0.8125rem;
}
.exhibition-application-step:not(:last-child):after {
  content: '';
  position: absolute;
  right: 0;
  top: 65px;
  display: block;
  height: 18px;
  width: 11px;
  background: url(/static-images/exhibitions/steps_arrow.svg) no-repeat;
}
.exhibition-application .step-fig {
  height: 148px;
  width: 148px;
  background-image: url(/static-images/exhibitions/steps.png);
  margin: 0 auto 0.625em;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .exhibition-application .step-fig {
    background-image: url(/static-images/exhibitions/steps@2x.png);
    background-size: 450px 148px;
  }
}
.exhibition-application .step-fig.step2 {
  background-position: -150px 0;
}
.exhibition-application .step-fig.step3 {
  background-position: -300px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-application-steps {
    flex-direction: column;
    padding: 22px 13px;
    box-sizing: border-box;
  }
  .exhibition-application-step {
    width: auto;
    flex-basis: auto;
    text-align: left;
  }
  .exhibition-application-step figure {
    display: flex;
    align-items: center;
  }
  .exhibition-application-step figcaption {
    flex: 1 1 0;
  }
  .exhibition-application-step .step-fig {
    width: 111px;
    flex-basis: 111px;
    height: 111px;
    margin-right: 1em;
    background-size: 337.5px 111px;
  }
  .exhibition-application-step .step-fig.step2 {
    background-position: -113px 0;
  }
  .exhibition-application-step .step-fig.step3 {
    background-position: -225px 0;
  }
  .exhibition-application-step-head {
    text-align: left;
  }
  .exhibition-application-step + .exhibition-application-step {
    margin-top: 18px;
  }
  .exhibition-application-step + .exhibition-application-step:before {
    content: '';
    position: absolute;
    top: -22px;
    left: 48px;
    display: block;
    height: 18px;
    width: 11px;
    transform: rotate(90deg);
    background: url(/static-images/exhibitions/steps_arrow.svg) no-repeat;
  }
  .exhibition-application-step:not(:last-child):after {
    background: none;
  }
}
.panel {
  border: none;
}
.dashboard-shop-status {
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
}
.dashboard-shop-status__label {
  padding: 2px 8px;
}
.dashboard-shop-status__label--opened {
  background: #2ad587;
}
.dashboard-shop-status__label--closed {
  background: #7f7aed;
}
.dashboard-shop-name {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.dashboard-shop-name__edit {
  margin-left: 24px;
}
.dashboard-shop-followers {
  display: flex;
  align-items: center;
}
.dashboard-shop-followers__unit {
  margin-left: 0.25em;
}
.booth-introduction {
  margin: 1.625rem 0 0;
  padding: 1.625rem 0 2.4375rem;
  border-radius: 4px;
  background-color: #f1f5f8;
  text-align: center;
}
.booth-introduction__head {
  margin: 0 auto 1.625rem;
  font-size: 1.25rem;
  color: #252f3d;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-introduction {
    margin: 22px 0 0;
    padding: 1.47vw 0 5.87vw;
  }
  .booth-introduction__head {
    margin: 11px auto;
    font-size: 0.875rem;
  }
}
.introduction-card-figarea {
  position: relative;
  display: flex;
  align-items: center;
  height: 162px;
  background-color: #85dfe6;
  border-radius: 3px 3px 0 0;
}
.introduction-card-figarea__image {
  margin: 0 auto;
  background: url(/static-images/icons_colored.svg) no-repeat;
}
.introduction-card-figarea__image--item {
  width: 116px;
  height: 84px;
}
.introduction-card-figarea__image--publish {
  width: 98px;
  height: 88px;
  background-position: -146px 0;
}
.introduction-card-figarea__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 0 0 3px hsla(0, 0%, 100%, 0.6);
  color: #abe376;
}
.introduction-card-figarea__icon:before {
  font-size: 5em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .introduction-card-figarea {
    flex: 0 0 84px;
    flex: 0 0 22.4vw;
    width: 84px;
    width: 22.4vw;
    height: 84px;
    height: 22.4vw;
    border-radius: 2px 0 0 2px;
  }
  .introduction-card-figarea__image {
    background-size: auto 42px;
    background-size: auto 11.2vw;
  }
  .introduction-card-figarea__image--item {
    width: 59px;
    width: 15.73vw;
    height: 42px;
    height: 11.2vw;
  }
  .introduction-card-figarea__image--publish {
    width: 48px;
    width: 12.8vw;
    height: 42px;
    height: 11.2vw;
    background-position: 100% 0;
  }
  .introduction-card-figarea__icon:before {
    font-size: 21.3vw;
  }
}
.introduction-card-foot {
  color: #252f3d;
}
.introduction-card-foot__label {
  margin-top: 0.2222222222em;
  font-size: 1.125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.introduction-card-foot__figcaption {
  padding: 0 2em;
  font-size: 0.8125rem;
  line-height: 18px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .introduction-card-foot {
    padding: 0 3.2vw;
    text-align: left;
  }
  .introduction-card-foot__label {
    font-size: 0.8125rem;
  }
  .introduction-card-foot__figcaption {
    margin: 5.5px auto 0;
    padding: 0;
    font-size: 0.75rem;
  }
}
.introduction-card-wrap {
  display: inline-block;
  text-decoration: none;
}
.introduction-card-wrap:visited {
  color: #1b7f8c;
}
.introduction-card-wrap:hover {
  opacity: 0.88;
}
.introduction-card-wrap--completed .introduction-card-foot {
  color: #96a2b0;
}
.introduction-card-wrap--completed .introduction-card-figarea {
  background-color: #f7f8fa;
}
.introduction-card-wrap--completed .introduction-card-figarea__image {
  opacity: 0.13;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .introduction-card-wrap {
    display: block;
  }
}
.introduction-card {
  display: inline-block;
  width: 288px;
  height: 244px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #e6e8eb;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .introduction-card {
    display: block;
    width: 88%;
    height: 84px;
    height: 22.4vw;
    margin: 0 auto;
  }
}
.dashboard-guide-item {
  position: relative;
  display: block;
  margin-bottom: 26px;
  color: #252f3d;
  font-size: 0.875rem;
  text-decoration: none;
}
.dashboard-guide-item + .dashboard-guide-item {
  margin-top: 0.8125rem;
}
.dashboard-guide-item__icon {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  color: #7f8d9f;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .dashboard-guide-item {
    display: block;
    margin: 0;
    padding: 16px 52px 16px 13px;
    box-shadow: 0 1px 0 0 #d7d9e0;
  }
  .dashboard-guide-item + .dashboard-guide-item {
    margin: 0;
  }
}
.manage-dashboard-pane {
  box-sizing: border-box;
  padding: 26px;
  border-bottom: 1px solid #e6e8eb;
}
.manage-dashboard-pane--announcement {
  float: right;
  width: 40%;
  box-shadow: -1px 0 0 #e6e8eb;
}
.manage-dashboard-pane--stats {
  float: left;
  width: 60%;
  border-bottom-width: 0;
  box-shadow: inset -1px 0 0 #e6e8eb;
}
.manage-dashboard-pane--menu {
  float: left;
  width: 40%;
  box-shadow: -1px 0 0 #e6e8eb;
}
.manage-dashboard-pane--guide {
  float: right;
  width: 40%;
  box-shadow: -1px 0 0 #e6e8eb;
  border-bottom: none;
}
.manage-dashboard-pane--guide ul li:last-child .dashboard-guide-item {
  margin-bottom: 0;
}
.manage-dashboard-pane--shop-apps-never-used {
  background-color: #ebedf2;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-dashboard-pane {
    float: none;
    width: 100%;
    padding: 15px;
    box-shadow: none;
  }
  .manage-dashboard-pane--stats {
    border-bottom-width: 1px;
  }
  .manage-dashboard-pane--guide {
    padding: 0;
  }
}
.manage-dashboard-pane-head {
  letter-spacing: 1px;
  margin-bottom: 6.5px;
}
.manage-dashboard-pane-head__count-badge {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  margin-left: 0.24em;
  padding: 0.25em;
  background-color: #ff5c67;
  font-size: 0.8125rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .manage-dashboard-pane-head {
    margin-bottom: 5.5px;
  }
  .manage-dashboard-pane-head__count-badge {
    font-size: 13px;
  }
}
.dashboard-announcement-item {
  list-style: none;
  list-style-position: outside;
}
.static-message-box {
  padding: 0.625rem 1rem;
  background-color: #f7f8fa;
  border: 1px solid #d5d9de;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(213, 217, 222, 0.08), 0 3px 11px rgba(0, 0, 0, 0.03);
  color: #3d4651;
  letter-spacing: 0.1em;
}
.static-message-box--yellow {
  background-color: #fcf8ee;
  border-color: #e4d9bb;
  color: #8d6a02;
  box-shadow: 0 2px 3px rgba(228, 217, 187, 0.08), 0 3px 11px rgba(0, 0, 0, 0.03);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .static-message-box {
    letter-spacing: 0.05em;
  }
}
.dashboard-shop-apps-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.dashboard-shop-apps-head__logo {
  width: 131px;
  flex: 0 0 131px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .dashboard-shop-apps-head__logo {
    width: 144px;
    margin-bottom: 16.5px;
  }
}
.dashboard-shop-app {
  display: flex;
  align-items: center;
  padding: 5px;
  background-color: #fff;
  border-radius: 6px;
  text-decoration: none;
  overflow: hidden;
}
.dashboard-shop-app__icon {
  line-height: 0;
  width: 65px;
  margin-right: 10px;
}
.dashboard-shop-app__label {
  color: #505c6b;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .dashboard-shop-app {
    padding: 0 10px 0 0;
    border-radius: 4px;
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
  }
  .dashboard-shop-app__icon {
    margin-right: 8px;
    background-color: #5ccbd2;
  }
}
.dashboard-shop-apps-banner {
  position: relative;
  display: block;
  padding: 44px 0 36px 60px;
  background-color: #fff;
  background-image: url(/static-images/shop_apps/main_theme_bg.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 28px) bottom;
  border-radius: 18px;
  text-decoration: none;
}
.dashboard-shop-apps-banner:hover {
  opacity: 0.88;
}
.dashboard-shop-apps-banner__ribbon {
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: 1;
}
.dashboard-shop-apps-banner__logo {
  width: 295px;
  margin-bottom: 6.5px;
}
.dashboard-shop-apps-banner__btn {
  position: absolute;
  top: 5px;
  left: 315px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .dashboard-shop-apps-banner {
    padding: 38.5px 1rem 99px;
    background-size: 312px auto;
    background-position: bottom;
  }
  .dashboard-shop-apps-banner:hover {
    opacity: 1;
  }
  .dashboard-shop-apps-banner__logo {
    width: 214px;
    margin: 0 auto 11px;
  }
  .dashboard-shop-apps-banner__btn {
    position: static;
    margin-left: 8px;
  }
}
.dashboard-shop-apps-banner-inner {
  position: relative;
}
.dashboard-stats-sheet-group {
  background-color: #f1f5f8;
  border-radius: 6px;
}
.dashboard-stats-sheet {
  overflow: hidden;
  padding: 13px;
  border-color: #fff;
}
.dashboard-stats-sheet + .dashboard-stats-sheet {
  border-top: 1px solid #fff;
}
.dashboard-stats-sheet--clickable:hover {
  cursor: pointer;
  background: #f6f8fa;
}
.dashboard-menu-item {
  position: relative;
  display: block;
  font-size: 0.875rem;
}
.dashboard-menu-item__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-color: #42b5bd;
  border-radius: 3px;
  color: #fff;
  line-height: 24px;
  text-align: center;
}
.dashboard-menu-item__disclosure {
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  color: #7f8d9f;
}
.dashboard-menu-item__info {
  margin-left: 32px;
  color: #7f8d9f;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .dashboard-menu-item {
    padding: 5px 52px 0 5px;
    font-size: 1rem;
  }
}
.following-shop-card {
  padding: 20px;
  border-radius: 6px;
  background-color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop-card {
    border-radius: 0;
  }
}
.following-shop-card--empty {
  padding: 0;
  height: 200px;
  background-color: #ebedf2;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop-card--empty {
    margin: 0 20px;
    height: 160px;
  }
}
.following-shop {
  width: 100%;
  max-width: 340px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop {
    max-width: none;
  }
  .following-shop__summary-box {
    flex: 1 0 0;
    overflow: hidden;
  }
  .following-shop__action-box {
    min-width: 80px;
    text-align: right;
  }
}
.following-shop__owner-thumb {
  width: 110px;
  height: 110px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop__owner-thumb {
    width: 54px;
    height: 54px;
  }
}
.following-shop-item-empty {
  width: 100%;
  height: 110px;
  background: #f1f5f8;
  border-radius: 2px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop-item-empty {
    height: 80px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop-item {
    width: calc(33.33333vw - 26.66667px);
    height: calc(33.33333vw - 26.66667px);
  }
}
.following-shop-item__thumb {
  display: block;
  width: 110px;
  height: 110px;
  border: 5px solid #f1f5f8;
  border-radius: 2px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .following-shop-item__thumb {
    border-width: 7px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
  }
}
.l-col,
.l-row,
[class*='l-col-'] {
  box-sizing: border-box;
}
.l-row {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -1.625rem -0.5rem 1.625rem;
}
.l-row > .l-col,
.l-row > [class*='l-col-'] {
  padding: 1.625rem 0.5rem 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-row {
    margin: -0.6875rem -2.1333333333% 0.6875rem;
  }
  .l-row > .l-col,
  .l-row > [class*='l-col-'] {
    padding: 0.6875rem 2.1333333333% 0;
  }
}
.l-row:last-child {
  margin-bottom: 0;
}
.l-col,
[class*='l-col-'] {
  position: relative;
  width: 100%;
  min-width: 0;
}
.l-no-gutter {
  margin: 0;
}
.l-no-gutter > .l-col,
.l-no-gutter > [class*='l-col-'] {
  padding: 0;
}
.l-col {
  flex: 1;
  max-width: 100%;
}
.l-col-auto {
  flex: none;
  width: auto;
  max-width: none;
}
.l-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.l-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.l-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.l-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.l-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.l-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.l-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.l-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.l-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.l-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.l-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.l-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.l-col-1of5 {
  flex: 0 0 20%;
  max-width: 20%;
}
.l-col-2of5 {
  flex: 0 0 40%;
  max-width: 40%;
}
.l-col-3of5 {
  flex: 0 0 60%;
  max-width: 60%;
}
.l-col-4of5 {
  flex: 0 0 80%;
  max-width: 80%;
}
.l-col-5of5 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 737px) {
  .l-col-pc {
    flex: 1;
    max-width: 100%;
  }
  .l-col-pc-auto {
    flex: none;
    width: auto;
    max-width: none;
  }
  .l-col-pc-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .l-col-pc-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .l-col-pc-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .l-col-pc-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .l-col-pc-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .l-col-pc-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .l-col-pc-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .l-col-pc-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .l-col-pc-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .l-col-pc-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .l-col-pc-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .l-col-pc-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .l-col-pc-1of5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .l-col-pc-2of5 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .l-col-pc-3of5 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .l-col-pc-4of5 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .l-col-pc-5of5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.l-header-logo > .booth-logo {
  height: 52px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-header-logo > .booth-logo {
    height: 44px;
  }
}
.app-badge {
  height: 2.25rem;
}
.l-card {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 0 16px 16px 0;
  list-style: none;
  list-style-image: none;
  vertical-align: top;
}
.l-cards,
.l-cards-1cols,
.l-cards-2cols,
.l-cards-4cols,
.l-cards-5cols,
.l-cards-6cols {
  margin: 0 -16px -16px 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}
.l-cards-1cols .l-card,
.l-cards-2cols .l-card,
.l-cards-4cols .l-card,
.l-cards-5cols .l-card,
.l-cards-6cols .l-card,
.l-cards .l-card {
  width: 20%;
  max-width: 20%;
}
.l-cards-6cols .l-card {
  width: 16.66%;
  max-width: 16.66%;
}
.l-cards-5cols .l-card {
  width: 20%;
  max-width: 20%;
}
.l-cards-4cols .l-card {
  width: 25%;
  max-width: 25%;
}
.l-cards-2cols .l-card {
  width: 50%;
  max-width: 50%;
}
.l-cards-1cols {
  display: block;
  margin: 0;
}
.l-cards-1cols .l-card {
  width: 66%;
  max-width: 66%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-cards,
  .l-cards-1cols,
  .l-cards-2cols,
  .l-cards-4cols,
  .l-cards-5cols,
  .l-cards-6cols,
  .l-cards-sp-2cols {
    margin: 0 -16px 16px 0;
  }
  .l-cards-sp-1cols {
    margin: 0 0px 16px 0;
  }
  .l-cards-1cols .l-card,
  .l-cards-2cols .l-card,
  .l-cards-4cols .l-card,
  .l-cards-5cols .l-card,
  .l-cards-6cols .l-card,
  .l-cards-sp-2cols .l-card,
  .l-cards .l-card {
    box-sizing: border-box;
    width: 50%;
    max-width: none;
    padding: 0 16px 16px 0;
  }
  .l-cards-sp-1cols .l-card {
    margin: 0 0 16px;
    padding: 0;
    width: 100%;
    max-width: none;
  }
}
.l-library-show > .sheet {
  padding: 26px 26px 12px;
}
.l-library-show > .sheet + .sheet {
  margin-top: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-library-show {
    min-height: 34vh;
  }
  .l-library-show > .sheet {
    padding: 16.5px 16.5px 8px;
  }
  .l-library-show > .sheet + .sheet {
    margin-top: 11px;
  }
}
.l-library-shop-info {
  padding-top: 2px;
}
.l-library-item-thumbnail {
  display: block;
}
.l-library-album-title {
  font-size: 1.5625rem;
  line-height: 1.12;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-library-album-title {
    font-size: 1rem;
    line-height: 1.2222222222;
  }
}
.l-download-link {
  margin-left: 20px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-download-link {
    margin-left: 0;
    margin-right: 12px;
  }
}
.l-orders-index > .sheet + .sheet {
  margin-top: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-orders-index > .sheet + .sheet {
    margin-top: 11px;
  }
}
.l-orders-index-line-item-actions {
  position: absolute;
  right: 20px;
  bottom: 13px;
}
.l-orders-index-line-item-actions > .nav-reverse {
  margin-left: 32px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-orders-index-line-item-actions {
    position: static;
    margin: 0 -15px 0 0;
  }
  .l-orders-index-line-item-actions > .nav-reverse {
    margin-left: 32px;
  }
  .l-orders-index-line-item-actions > .nav-reverse:last-child {
    margin-right: 15px;
  }
}
.l-order-detail-sheet-group-header {
  position: -webkit-sticky;
  position: sticky;
  top: 52px;
  z-index: 10;
  background-color: rgba(241, 245, 248, 0.92);
  padding: 6.5px 2px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-order-detail-sheet-group-header {
    top: 44px;
    padding: 5.5px 16px;
  }
}
.l-order-detail-by-shop {
  margin-top: 20px;
}
.l-order-detail-by-shop > .sheet-group + .sheet-group {
  margin-top: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-order-detail-by-shop {
    margin-top: 17px;
  }
  .l-order-detail-by-shop > .sheet-group + .sheet-group {
    margin-top: 11px;
  }
}
.l-order-message > p {
  margin: 0 0 0.8125rem;
}
.l-order-message > p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-order-message > p {
    margin: 0 0 0.6875rem;
  }
}
.l-carts > .cart-box + .cart-box {
  margin-top: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-carts > .cart-box + .cart-box {
    margin-top: 11px;
  }
}
.l-cart-item-values {
  flex: 1;
  min-width: 0;
}
.l-cart-item-price-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.l-cart-item-input-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.l-cart-item-boost {
  margin-top: 6.5px;
  text-align: right;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-cart-item-boost {
    margin-top: 5.5px;
  }
}
.l-cart-item-remove {
  margin-top: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-cart-item-remove {
    margin-top: 11px;
  }
}
.l-cart-payment-methods > .sheet.sheet--p500 {
  margin: 26px 0;
}
.l-checkout-page-header {
  margin-top: 26px;
  margin-bottom: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-checkout-page-header {
    margin: 0;
  }
}
.l-link-payment-settings {
  position: absolute;
  top: 16px;
  right: 20px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-link-payment-settings {
    position: static;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-address-persistency {
    padding: 10px 15px;
  }
}
iframe#rakuten_point_parts {
  vertical-align: bottom;
}
.l-shop-apps-confirmation-app-name {
  display: flex;
  align-items: center;
}
.l-shop-apps-confirmation-app-name > .shop-apps-confirmation-table__icon {
  margin-right: 20px;
}
.l-shop-apps-confirmation-app-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.l-shop-apps-confirmation-app-price > .shop-apps-confirmation-table__price {
  margin-left: 0.625em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-apps-confirmation-app-price {
    margin-top: 10px;
    justify-content: space-between;
  }
}
.l-shop-app-detail-carousel-item {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-detail-carousel-item {
    display: block;
  }
}
.l-shop-app-detail-carousel-texts {
  padding: 0 0 0 30px;
}
.l-shop-app-detail-carousel-texts > .shop-app-detail-carousel-item-num {
  margin-bottom: 16.25px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-detail-carousel-texts {
    display: flex;
    align-items: center;
    padding: 20px 10px;
  }
  .l-shop-app-detail-carousel-texts > .shop-app-detail-carousel-item-num {
    margin: 0 16px 0 0;
  }
}
.l-shop-app-detail-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 280px;
  padding: 0 0 0 40px;
  background-color: #5ccbd2;
}
.l-shop-app-detail-header:after,
.l-shop-app-detail-header:before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% - 32px);
  width: 64px;
  height: 64px;
  background-color: #5ccbd2;
  transform: rotate(45deg);
}
.l-shop-app-detail-header:after {
  right: -32px;
}
.l-shop-app-detail-header:before {
  left: -32px;
}
.l-shop-app-detail-header > .l-shop-app-detail-header {
  width: 500px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-detail-header {
    flex-direction: column-reverse;
    background-color: transparent;
    height: auto;
    padding: 40px 20px 0;
  }
  .l-shop-app-detail-header:after,
  .l-shop-app-detail-header:before {
    display: none;
  }
  .l-shop-app-detail-header > .shop-app-detail-header-icon {
    position: static;
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.l-shop-app-detail-body {
  overflow: hidden;
  padding: 39px 0 26px;
}
.l-shop-app-detail-body > .sheet {
  box-sizing: border-box;
}
.l-shop-app-detail-body > .sheet--p750 {
  float: left;
  width: 680px;
}
.l-shop-app-detail-body > .l-shop-app-detail-stats {
  float: right;
  width: 248px;
}
.l-shop-app-detail-body > .l-shop-app-detail-stats > [class*='sheet'] + [class*='sheet'] {
  margin-top: 16px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-detail-body > .l-shop-app-detail-stats,
  .l-shop-app-detail-body > .sheet--p750 {
    float: none;
    width: auto;
  }
  .l-shop-app-detail-body > .l-shop-app-detail-stats {
    margin: 0 20px 20px;
    border-radius: 4px;
    overflow: hidden;
  }
}
.l-shop-app-detail-subsection + .l-shop-app-detail-subsection {
  padding-top: 52px;
}
.l-shop-app-detail-subsection > .shop-app-detail-subtitle {
  margin-top: 0;
}
.l-shop-app-purchases > .sheet {
  margin-bottom: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-purchases > .sheet {
    margin-bottom: 11px;
  }
}
.l-shop-app-purchases > .shop-app-purchases-payment-info {
  padding-left: 28px;
  padding-right: 26px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-shop-app-purchases > .shop-app-purchases-payment-info {
    padding: 13px 15px;
  }
}
.l-item-card-badge > .badge {
  margin: 0 0.1em;
}
.l-annoucements-page-header > .page-header {
  padding: 26px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-annoucements-page-header > .page-header {
    padding: 11px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-annoucements-date {
    position: absolute;
    right: 0;
  }
}
.l-announcement-body a {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.l-guide-container {
  position: relative;
  width: 968px;
  margin: 0 auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-container {
    width: 100%;
  }
}
.l-guide-hero-texts {
  padding-top: 165px;
}
.l-guide-hero-texts > .guide-hero-title {
  margin: 0;
}
.l-guide-hero-texts > .guide-hero-subtitle {
  margin: 20px 0 0 17px;
}
.l-guide-hero-texts .guide-hero-title__titlebox-non-ja {
  font-size: 60px;
  font-weight: 900;
  color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-hero-texts .guide-hero-title__titlebox-non-ja {
    font-size: 10vw;
  }
}
.l-guide-hero-texts .guide-hero-title__titleline-non-ja {
  line-height: 1em;
  padding: 0 4px;
  display: inline-block;
  background-color: #fc4d50;
}
.l-guide-hero-texts .guide-hero-subtitle__non-ja {
  margin: 0.2em 0 0;
  padding: 0 4px;
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  line-height: 30px;
}
.l-guide-hero-texts .guide-hero-subtitle__emphasis-non-ja {
  font-size: 30px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-hero-texts {
    padding-top: 220px;
  }
  .l-guide-hero-texts > .guide-hero-subtitle,
  .l-guide-hero-texts > .guide-hero-title {
    margin: 0 auto;
  }
}
.l-guide-section-container-non-ja {
  max-width: 600px;
  display: inline-block;
  box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-section-container-non-ja {
    max-width: 100%;
    width: 100%;
  }
}
.l-guide-section-container-non-ja__variation-icon {
  padding: 1.375rem 1.375rem 0;
}
.l-guide-section-container-non-ja__variation-description {
  padding: 1.375rem 1.375rem 0 0;
  flex-basis: auto;
}
.l-guide-enable-doujin > .guide-headline-2 {
  transform: translateY(50%);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-enable-handmade > .guide-headline-2 {
    transform: translateY(25%);
  }
}
.l-guide-introduction > .shpo-lp-fig {
  margin: 55px auto 21px 101px;
}
.l-guide-introduction > .u-border-t.u-border-500 {
  width: 720px;
  margin: 40px auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-introduction > .shpo-lp-fig {
    width: 247px;
    margin: 30px auto 23px;
  }
  .l-guide-introduction > .u-border-t.u-border-500 {
    width: 270px;
    margin: 30px auto;
  }
  .l-guide-introduction > p.u-text-center {
    margin: 0 20px;
  }
}
.l-guide-received-image {
  position: relative;
  width: 880px;
  margin: 0 auto;
}
.l-guide-received-image > .shpo-lp-fig {
  margin: 46px 0 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-received-image {
    width: 272px;
  }
}
.l-guide-input-step-texts > .guide-headline-1 {
  margin: 20px auto 16px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-input-step-texts {
    max-width: 280px;
    margin: 0 auto;
  }
  .l-guide-input-step-texts > .guide-headline-1 {
    line-height: 20px;
    margin: 15px auto 9px;
  }
}
.l-guide-deliver-type-heading {
  width: 220px;
  flex-basis: 220px;
}
.l-guide-deliver-type-heading > .guide-headline-1 {
  margin: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-deliver-type-heading {
    width: auto;
    margin: 0;
    padding: 4px 0 0 31px;
  }
  .l-guide-deliver-type-heading > .guide-headline-1 {
    display: inline-block;
    margin: 0 10px 0 0;
  }
}
.l-guide-sales-steps {
  margin: 60px auto 0;
  padding: 0;
}
.l-guide-sales-steps > .guide-sales-step > .guide-headline-1 {
  margin: 20px auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-sales-steps > .guide-sales-step > .guide-headline-1 {
    margin: 15px auto 9px;
    line-height: 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-sales-steps {
    margin: 30px auto 0;
  }
}
.l-guide-step-box {
  position: relative;
  z-index: 0;
  margin-top: 103px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-step-box {
    margin-top: 76px;
  }
}
.l-guide-start-step1 {
  padding-bottom: 45px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-3step-heading > .guide-subsection-box__heading {
    margin-top: 20px;
  }
}
.l-guide-input-steps {
  margin: 43px 0 0;
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-input-steps {
    margin-top: 30px;
  }
}
.l-guide-item-types {
  position: relative;
  margin: 40px auto 0;
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-item-types {
    margin: 30px auto 0;
  }
}
.l-guide-item-type-texts > .guide-headline-2 {
  height: 40px;
  margin: 20px auto 10px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-item-type-texts > .guide-headline-2 {
    height: 28px;
    margin: 16px auto 10px;
  }
}
.l-guide-fig-start {
  margin: 40px auto 51px;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-fig-start {
    margin: 26px auto 46px;
  }
}
.l-guide-fig-plus {
  margin: 40px auto 51px;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-fig-plus {
    margin: 26px auto 46px;
  }
}
.l-guide-fig-booth-apps {
  position: relative;
}
.l-guide-fig-booth-apps > .text-area {
  position: absolute;
  top: 79px;
  left: 600px;
  font-size: 14px;
  width: 322px;
}
.l-guide-fig-booth-apps > .text-area > .description {
  text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-fig-booth-apps {
    width: 304px;
    text-align: center;
    margin: 26px auto 46px;
  }
  .l-guide-fig-booth-apps > .text-area {
    margin: 0 auto;
    width: 242px;
    top: 136px;
    left: 32px;
    font-size: 12px;
  }
}
.l-guide-show-flow-btn {
  margin-top: 40px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-show-flow-btn {
    margin-top: 20px;
  }
}
.l-guide-foot-content > .guide-btn--start {
  margin-top: 142px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .l-guide-foot-content > .guide-btn--start {
    margin-top: 51px;
  }
}
.btn--primary {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: #ff5c67;
  border-color: #ff5c67;
  color: #fff;
}
.btn--primary:hover {
  opacity: 0.8;
}
.btn--primary.disabled,
.btn--primary.disabled:hover,
.btn--primary:disabled,
.btn--primary:disabled:hover {
  opacity: 0.34;
}
.btn--primary.disabled,
.btn--primary.disabled:hover,
.btn--primary:active,
.btn--primary:disabled,
.btn--primary:disabled:hover,
.btn--primary:hover,
.btn--primary:link,
.btn--primary:visited {
  background-color: #ff5c67;
  border-color: #ff5c67;
  color: #fff;
}
.btn--secondary {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: #2c9ba6;
  border-color: #2c9ba6;
  color: #fff;
}
.btn--secondary:hover {
  opacity: 0.8;
}
.btn--secondary.disabled,
.btn--secondary.disabled:hover,
.btn--secondary:disabled,
.btn--secondary:disabled:hover {
  opacity: 0.34;
}
.btn--secondary.disabled,
.btn--secondary.disabled:hover,
.btn--secondary:active,
.btn--secondary:disabled,
.btn--secondary:disabled:hover,
.btn--secondary:hover,
.btn--secondary:link,
.btn--secondary:visited {
  background-color: #2c9ba6;
  border-color: #2c9ba6;
  color: #fff;
}
.btn--default {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: #d7d9e0;
  border-color: #d7d9e0;
  color: #171d26;
}
.btn--default:hover {
  opacity: 0.8;
}
.btn--default.disabled,
.btn--default.disabled:hover,
.btn--default:disabled,
.btn--default:disabled:hover {
  opacity: 0.34;
}
.btn--default.disabled,
.btn--default.disabled:hover,
.btn--default:active,
.btn--default:disabled,
.btn--default:disabled:hover,
.btn--default:hover,
.btn--default:link,
.btn--default:visited {
  background-color: #d7d9e0;
  border-color: #d7d9e0;
  color: #171d26;
}
.btn--primary-outline {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: transparent;
  border-color: #ff5c67;
  color: #ff5c67;
}
.btn--primary-outline:hover {
  opacity: 0.8;
}
.btn--primary-outline.disabled,
.btn--primary-outline.disabled:hover,
.btn--primary-outline:disabled,
.btn--primary-outline:disabled:hover {
  opacity: 0.34;
}
.btn--primary-outline.disabled,
.btn--primary-outline.disabled:hover,
.btn--primary-outline:active,
.btn--primary-outline:disabled,
.btn--primary-outline:disabled:hover,
.btn--primary-outline:hover,
.btn--primary-outline:link,
.btn--primary-outline:visited {
  background-color: transparent;
  border-color: #ff5c67;
  color: #ff5c67;
}
.btn--secondary-outline {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: transparent;
  border-color: #2c9ba6;
  color: #2c9ba6;
}
.btn--secondary-outline:hover {
  opacity: 0.8;
}
.btn--secondary-outline.disabled,
.btn--secondary-outline.disabled:hover,
.btn--secondary-outline:disabled,
.btn--secondary-outline:disabled:hover {
  opacity: 0.34;
}
.btn--secondary-outline.disabled,
.btn--secondary-outline.disabled:hover,
.btn--secondary-outline:active,
.btn--secondary-outline:disabled,
.btn--secondary-outline:disabled:hover,
.btn--secondary-outline:hover,
.btn--secondary-outline:link,
.btn--secondary-outline:visited {
  background-color: transparent;
  border-color: #2c9ba6;
  color: #2c9ba6;
}
.btn--default-outline {
  font-family: -apple-system, BlinkMacSystemFont, booth demi en, booth demi jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 500;
  border-radius: 3px;
  background-color: transparent;
  border-color: #7f8d9f;
  color: #505c6b;
}
.btn--default-outline:hover {
  opacity: 0.8;
}
.btn--default-outline.disabled,
.btn--default-outline.disabled:hover,
.btn--default-outline:disabled,
.btn--default-outline:disabled:hover {
  opacity: 0.34;
}
.btn--default-outline.disabled,
.btn--default-outline.disabled:hover,
.btn--default-outline:active,
.btn--default-outline:disabled,
.btn--default-outline:disabled:hover,
.btn--default-outline:hover,
.btn--default-outline:link,
.btn--default-outline:visited {
  background-color: transparent;
  border-color: #7f8d9f;
  color: #505c6b;
}
a.btn--default:hover,
a.btn--default:link,
a.btn--default:visited {
  color: #171d26;
}
a.btn--default-outline:hover,
a.btn--default-outline:link,
a.btn--default-outline:visited {
  color: #505c6b;
}
a.btn--primary-outline:hover,
a.btn--primary-outline:link,
a.btn--primary-outline:visited {
  color: #ff5c67;
}
a.btn--secondary-outline:hover,
a.btn--secondary-outline:link,
a.btn--secondary-outline:visited {
  color: #2c9ba6;
}
.btn--small {
  padding: 0.625em 1.25em;
  font-size: 0.8125rem;
  border-width: 1px;
}
.btn--large {
  padding: 1em 2.5625em;
}
.booth-checkbox {
  display: inline-block;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.booth-checkbox input[type='checkbox'] {
  display: none;
}
.booth-checkbox input[type='checkbox'] + .checkbox-label {
  display: inline-block;
  align-items: center;
  margin-right: 8px;
  box-sizing: border-box;
  padding-left: 26px;
}
.booth-checkbox input[type='checkbox'] + .checkbox-label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 2px solid #c0c5cf;
  box-sizing: border-box;
  border-radius: 3.6px;
  background-color: #d7d9e0;
}
.booth-checkbox input[type='checkbox']:checked + .checkbox-label:before {
  border: 2px solid #2c9ba6;
  display: block;
  background: transparent url(/static-images/icons/icon-check-white.svg) no-repeat 3px 3px;
  background-color: #42b5bd;
  background-size: 10px 10px;
}
.booth-checkbox input[type='checkbox']:disabled + .checkbox-label {
  opacity: 0.32;
}
.field_with_errors .booth-checkbox input[type='checkbox'] + .checkbox-label:after,
.field_with_errors .booth-checkbox input[type='checkbox'] + .checkbox-label:before {
  border-color: #de3f3a;
}
.booth-dip-switch {
  display: inline-block;
  vertical-align: middle;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.booth-dip-switch__wrap {
  display: flex;
  align-items: center;
}
.booth-dip-switch__checkbox {
  position: absolute;
  opacity: 0;
}
.booth-dip-switch__view {
  display: inline-block;
  position: relative;
  width: 36px;
  flex-basis: 36px;
  height: 20px;
  margin-right: 0.5rem;
  background-color: #afb2bd;
  border-radius: 10px;
  overflow: hidden;
  line-height: 20px;
  transition: background 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.booth-dip-switch__toggle {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 2px;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.booth-dip-switch--on {
  background-color: #5ccbd2;
}
.booth-dip-switch--on .booth-dip-switch__toggle {
  transform: translate(16px, -50%);
}
.booth-dip-switch__label {
  position: relative;
  min-width: 0;
  box-sizing: border-box;
  flex: 1;
}
.radio-cell-view-label {
  padding: 13px 20px;
  border-radius: 4px;
}
.booth-radio {
  display: inline-block;
  vertical-align: baseline;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.booth-radio > .radio-label {
  display: flex;
  align-items: center;
}
.booth-radio > .radio-label:before {
  content: '';
  display: block;
  box-sizing: border-box;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #d5d9de, inset 0 0.5px 2px 2px rgba(0, 0, 0, 0.11);
  transition: box-shadow 0.24s ease-out;
}
.booth-radio > .radio-label--align-top {
  align-items: flex-start;
}
.booth-radio > .radio-label--align-top:before {
  margin-top: 3px;
}
.booth-radio > input[type='radio'] {
  display: none;
}
.booth-radio > input[type='radio']:checked + .radio-label:before {
  box-shadow: inset 0 0.5px 2px 0 rgba(0, 0, 0, 0.11), inset 0 0 0 6px #42b5bd;
}
.booth-radio > input[type='radio']:disabled + .radio-label {
  opacity: 0.32;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .booth-radio > .radio-label--align-top:before {
    margin-top: 1px;
  }
}
.radio-cell-view {
  display: block;
  position: relative;
}
.radio-cell-view > input[type='radio'] + .radio-cell-view-label:before {
  margin-right: 12px;
}
.radio-cell-view > input[type='radio']:checked + .radio-cell-view-label {
  background-color: #f7f8fa;
  box-shadow: 0 0 0 1px #e6e8eb;
}
.radio-cell-view > input[type='radio']:disabled + .radio-cell-view-label {
  opacity: 1;
}
.radio-cell-view
  > input[type='radio']:disabled
  + .radio-cell-view-label
  .radio-cell-view-label__title,
.radio-cell-view > input[type='radio']:disabled + .radio-cell-view-label:before {
  opacity: 0.32;
}
.radio-cell-view--full-width .radio-cell-view-label {
  border-radius: 0;
}
.radio-cell-view--full-width > input[type='radio']:checked + .radio-cell-view-label {
  box-shadow: none;
}
.radio-cell-view--full-width + .radio-cell-view--full-width {
  margin-top: 0;
}
.radio-cell-view--full-width + .radio-cell-view--full-width .radio-cell-view-label {
  border-top: 1px solid #e6e8eb;
}
.radio-cell-view:hover > input[type='radio'] + .radio-cell-view-label {
  background-color: #f7f8fa;
}
.radio-cell-view:hover > input[type='radio']:disabled + .radio-cell-view-label {
  background-color: transparent;
}
.radio-cell-view + .radio-cell-view {
  margin-top: 6.5px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .radio-cell-view--sp-full-width .radio-cell-view-label {
    border-radius: 0;
  }
  .radio-cell-view--sp-full-width + .radio-cell-view--sp-full-width {
    margin-top: 0;
  }
  .radio-cell-view--sp-full-width + .radio-cell-view--sp-full-width .radio-cell-view-label {
    border-top: 1px solid #e6e8eb;
  }
  .radio-cell-view--sp-full-width > input[type='radio']:checked + .radio-cell-view-label {
    box-shadow: none;
  }
}
.booth-select-wrap {
  position: relative;
  background: #fff;
  border: 2px solid #d5d9de;
  box-sizing: border-box;
  border-radius: 4px;
  width: auto;
}
.booth-select-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 36px;
  width: 40px;
  text-align: center;
  background: #fff;
  color: #171d26;
  content: '';
  font-family: booth_font;
  pointer-events: none;
}
.booth-select {
  z-index: 1;
  width: 100%;
  outline: 0;
  border: none;
  border-radius: 0;
  background: none transparent;
  margin: 0;
  font-size: 1rem;
  line-height: 36px;
  align-items: center;
  text-indent: 10px;
  color: #171d26;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.booth-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #121a29;
}
.booth-select::-ms-expand {
  display: none;
}
.field_with_errors .booth-select-wrap {
  border: 2px solid #de3f3a;
}
inpu[type='datetime-local'].booth-text-field,
inpu[type='datetime-local'].booth-text-field--with-affix,
input.booth-text-field--with-affix:not([type]),
input:not([type]).booth-text-field,
input[type='color'].booth-text-field,
input[type='color'].booth-text-field--with-affix,
input[type='date'].booth-text-field,
input[type='date'].booth-text-field--with-affix,
input[type='datetime'].booth-text-field,
input[type='datetime'].booth-text-field--with-affix,
input[type='email'].booth-text-field,
input[type='email'].booth-text-field--with-affix,
input[type='month'].booth-text-field,
input[type='month'].booth-text-field--with-affix,
input[type='number'].booth-text-field,
input[type='number'].booth-text-field--with-affix,
input[type='password'].booth-text-field,
input[type='password'].booth-text-field--with-affix,
input[type='search'].booth-text-field,
input[type='search'].booth-text-field--with-affix,
input[type='tel'].booth-text-field,
input[type='tel'].booth-text-field--with-affix,
input[type='text'].booth-text-field,
input[type='text'].booth-text-field--with-affix,
input[type='time'].booth-text-field,
input[type='time'].booth-text-field--with-affix,
input[type='url'].booth-text-field,
input[type='url'].booth-text-field--with-affix,
input[type='week'].booth-text-field,
input[type='week'].booth-text-field--with-affix,
textarea.booth-text-field,
textarea.booth-text-field--with-affix {
  display: block;
  background: #fff;
  border: 2px solid #d5d9de;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 16px;
  line-height: 22px;
  padding: 7px 8px;
  margin-right: 0;
  color: #171d26;
}
inpu[type='datetime-local'].booth-text-field--with-affix::placeholder,
inpu[type='datetime-local'].booth-text-field::placeholder,
input.booth-text-field--with-affix:not([type])::placeholder,
input:not([type]).booth-text-field::placeholder,
input[type='color'].booth-text-field--with-affix::placeholder,
input[type='color'].booth-text-field::placeholder,
input[type='date'].booth-text-field--with-affix::placeholder,
input[type='date'].booth-text-field::placeholder,
input[type='datetime'].booth-text-field--with-affix::placeholder,
input[type='datetime'].booth-text-field::placeholder,
input[type='email'].booth-text-field--with-affix::placeholder,
input[type='email'].booth-text-field::placeholder,
input[type='month'].booth-text-field--with-affix::placeholder,
input[type='month'].booth-text-field::placeholder,
input[type='number'].booth-text-field--with-affix::placeholder,
input[type='number'].booth-text-field::placeholder,
input[type='password'].booth-text-field--with-affix::placeholder,
input[type='password'].booth-text-field::placeholder,
input[type='search'].booth-text-field--with-affix::placeholder,
input[type='search'].booth-text-field::placeholder,
input[type='tel'].booth-text-field--with-affix::placeholder,
input[type='tel'].booth-text-field::placeholder,
input[type='text'].booth-text-field--with-affix::placeholder,
input[type='text'].booth-text-field::placeholder,
input[type='time'].booth-text-field--with-affix::placeholder,
input[type='time'].booth-text-field::placeholder,
input[type='url'].booth-text-field--with-affix::placeholder,
input[type='url'].booth-text-field::placeholder,
input[type='week'].booth-text-field--with-affix::placeholder,
input[type='week'].booth-text-field::placeholder,
textarea.booth-text-field--with-affix::placeholder,
textarea.booth-text-field::placeholder {
  color: #b9c1ca;
}
inpu[type='datetime-local'].booth-text-field--with-affix:focus,
inpu[type='datetime-local'].booth-text-field:focus,
input.booth-text-field--with-affix:not([type]):focus,
input:not([type]).booth-text-field:focus,
input[type='color'].booth-text-field--with-affix:focus,
input[type='color'].booth-text-field:focus,
input[type='date'].booth-text-field--with-affix:focus,
input[type='date'].booth-text-field:focus,
input[type='datetime'].booth-text-field--with-affix:focus,
input[type='datetime'].booth-text-field:focus,
input[type='email'].booth-text-field--with-affix:focus,
input[type='email'].booth-text-field:focus,
input[type='month'].booth-text-field--with-affix:focus,
input[type='month'].booth-text-field:focus,
input[type='number'].booth-text-field--with-affix:focus,
input[type='number'].booth-text-field:focus,
input[type='password'].booth-text-field--with-affix:focus,
input[type='password'].booth-text-field:focus,
input[type='search'].booth-text-field--with-affix:focus,
input[type='search'].booth-text-field:focus,
input[type='tel'].booth-text-field--with-affix:focus,
input[type='tel'].booth-text-field:focus,
input[type='text'].booth-text-field--with-affix:focus,
input[type='text'].booth-text-field:focus,
input[type='time'].booth-text-field--with-affix:focus,
input[type='time'].booth-text-field:focus,
input[type='url'].booth-text-field--with-affix:focus,
input[type='url'].booth-text-field:focus,
input[type='week'].booth-text-field--with-affix:focus,
input[type='week'].booth-text-field:focus,
textarea.booth-text-field--with-affix:focus,
textarea.booth-text-field:focus {
  border-color: #9598ab;
}
inpu[type='datetime-local'].booth-text-field--with-affix:disabled,
inpu[type='datetime-local'].booth-text-field:disabled,
input.booth-text-field--with-affix:not([type]):disabled,
input:not([type]).booth-text-field:disabled,
input[type='color'].booth-text-field--with-affix:disabled,
input[type='color'].booth-text-field:disabled,
input[type='date'].booth-text-field--with-affix:disabled,
input[type='date'].booth-text-field:disabled,
input[type='datetime'].booth-text-field--with-affix:disabled,
input[type='datetime'].booth-text-field:disabled,
input[type='email'].booth-text-field--with-affix:disabled,
input[type='email'].booth-text-field:disabled,
input[type='month'].booth-text-field--with-affix:disabled,
input[type='month'].booth-text-field:disabled,
input[type='number'].booth-text-field--with-affix:disabled,
input[type='number'].booth-text-field:disabled,
input[type='password'].booth-text-field--with-affix:disabled,
input[type='password'].booth-text-field:disabled,
input[type='search'].booth-text-field--with-affix:disabled,
input[type='search'].booth-text-field:disabled,
input[type='tel'].booth-text-field--with-affix:disabled,
input[type='tel'].booth-text-field:disabled,
input[type='text'].booth-text-field--with-affix:disabled,
input[type='text'].booth-text-field:disabled,
input[type='time'].booth-text-field--with-affix:disabled,
input[type='time'].booth-text-field:disabled,
input[type='url'].booth-text-field--with-affix:disabled,
input[type='url'].booth-text-field:disabled,
input[type='week'].booth-text-field--with-affix:disabled,
input[type='week'].booth-text-field:disabled,
textarea.booth-text-field--with-affix:disabled,
textarea.booth-text-field:disabled {
  background: #f7f8fa;
  color: #7f8d9f;
}
inpu[type='datetime-local'].booth-text-field--with-affix,
input:not([type]).booth-text-field--with-affix,
input[type='color'].booth-text-field--with-affix,
input[type='date'].booth-text-field--with-affix,
input[type='datetime'].booth-text-field--with-affix,
input[type='email'].booth-text-field--with-affix,
input[type='month'].booth-text-field--with-affix,
input[type='number'].booth-text-field--with-affix,
input[type='password'].booth-text-field--with-affix,
input[type='search'].booth-text-field--with-affix,
input[type='tel'].booth-text-field--with-affix,
input[type='text'].booth-text-field--with-affix,
input[type='time'].booth-text-field--with-affix,
input[type='url'].booth-text-field--with-affix,
input[type='week'].booth-text-field--with-affix,
textarea.booth-text-field--with-affix {
  display: inline-block;
}
.field_with_errors inpu[type='datetime-local'].booth-text-field,
.field_with_errors inpu[type='datetime-local'].booth-text-field--with-affix,
.field_with_errors input.booth-text-field--with-affix:not([type]),
.field_with_errors input:not([type]).booth-text-field,
.field_with_errorsinput[type='color'].booth-text-field,
.field_with_errors input[type='date'].booth-text-field,
.field_with_errors input[type='date'].booth-text-field--with-affix,
.field_with_errors input[type='datetime'].booth-text-field,
.field_with_errors input[type='datetime'].booth-text-field--with-affix,
.field_with_errors input[type='email'].booth-text-field,
.field_with_errors input[type='email'].booth-text-field--with-affix,
.field_with_errors input[type='month'].booth-text-field,
.field_with_errors input[type='month'].booth-text-field--with-affix,
.field_with_errors input[type='number'].booth-text-field,
.field_with_errors input[type='number'].booth-text-field--with-affix,
.field_with_errors input[type='password'].booth-text-field,
.field_with_errors input[type='password'].booth-text-field--with-affix,
.field_with_errors input[type='search'].booth-text-field,
.field_with_errors input[type='search'].booth-text-field--with-affix,
.field_with_errors input[type='tel'].booth-text-field,
.field_with_errors input[type='tel'].booth-text-field--with-affix,
.field_with_errors input[type='text'].booth-text-field,
.field_with_errors input[type='text'].booth-text-field--with-affix,
.field_with_errors input[type='time'].booth-text-field,
.field_with_errors input[type='time'].booth-text-field--with-affix,
.field_with_errors input[type='url'].booth-text-field,
.field_with_errors input[type='url'].booth-text-field--with-affix,
.field_with_errors input[type='week'].booth-text-field,
.field_with_errors input[type='week'].booth-text-field--with-affix,
.field_with_errors textarea.booth-text-field,
.field_with_errors textarea.booth-text-field--with-affix,
inpu.field_with_errorsinput[type='color'][type='datetime-local'].booth-text-field--with-affix,
input.field_with_errorsinput[type='color'].booth-text-field--with-affix,
textarea.field_with_errorsinput[type='color'].booth-text-field--with-affix {
  border-color: #de3f3a;
}
.field-with-affix {
  display: flex;
  align-items: center;
}
.field-with-affix .field_with_errors {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .field-with-affix .field_with_errors {
    width: 100%;
  }
}
.agreement-required-box {
  justify-content: space-between;
  padding: 13px 16px;
  background-color: #7f8d9f;
  color: #fff;
}
.agreement-required-box__lead {
  margin-right: 1rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4615384615;
}
.agreement-required-box__actions {
  display: flex;
  align-items: center;
  margin-top: 6.5px;
}
.agreement-required-box__btn {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.3125em 1em;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.agreement-required-box__btn:hover,
.agreement-required-box__btn:visited {
  background-color: hsla(0, 0%, 100%, 0.08);
  color: #fff;
}
.agreement-required-box__btn--link {
  margin-right: 0.5rem;
  font-size: 0.9375rem;
}
.agreement-required-box__btn--agreement {
  padding: 0.3125em 1.625em;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  color: #505c6b;
  line-height: 1.625;
}
.agreement-required-box__btn--agreement:hover {
  background-color: hsla(0, 0%, 100%, 0.94);
  color: #505c6b;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .agreement-required-box {
    align-items: center;
    display: block;
    padding: 11px 16px 16.5px;
  }
  .agreement-required-box__lead {
    margin-right: 0;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .agreement-required-box__actions {
    display: block;
    margin-top: 0;
  }
  .agreement-required-box__actions > .button_to {
    text-align: right;
  }
  .agreement-required-box__btn {
    display: block;
    border: 1px solid #d5d9de;
    border-radius: 2px;
  }
  .agreement-required-box__btn--link {
    margin: 0.34375rem 0;
    font-size: 0.875rem;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 400;
  }
  .agreement-required-box__btn--agreement {
    width: 100%;
    margin-top: 1.03125rem;
    border: none;
  }
}
.eventname-flag {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  line-height: 20px;
}
.eventname-flag--inner {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 20px;
  padding: 0 0.3125em;
  background-color: rgba(252, 77, 80, 0.8);
  font-size: 0.75rem;
  color: #fff !important;
  text-decoration: none;
}
.eventname-flag--inner:after,
.eventname-flag--inner:before {
  content: '';
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  transform: scaleX(0.6);
  transform-origin: left center;
}
.eventname-flag--inner:after {
  top: 0;
  border-width: 10px 10px 0 0;
  border-color: rgba(252, 77, 80, 0.8) transparent transparent;
}
.eventname-flag--inner:before {
  bottom: 0;
  border-width: 10px 0 0 10px;
  border-color: transparent transparent transparent rgba(252, 77, 80, 0.8);
}
.eventname-flag--exhibition-open {
  height: 2em;
  padding: 3px 0.65em;
  background: transparent url(/static-images/effects/bg_event_badge_noise.gif) no-repeat;
  background-size: cover;
  color: #252f3d !important;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.eventname-flag--exhibition-open:after,
.eventname-flag--exhibition-open:before {
  display: none;
}
.eventname-flag__name {
  height: 20px;
  max-height: 20px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .eventname-flag--inner {
    font-size: 0.6875rem;
  }
  .eventname-flag--exhibition-open {
    padding: 1px 0.65em;
  }
}
.footer {
  background-color: #fff;
  text-align: left;
  color: #252f3d;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .footer__menu .icon-arrow-open-down {
    color: #42b5bd;
    transition: 0.18s;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .footer__locale {
    border-top: 1px solid #e6e8eb;
    text-align: center;
  }
}
.footer__legal {
  padding: 26px 0;
  box-shadow: inset 0 1px 0 0 #e6e8eb;
}
.sheet {
  position: relative;
  background-color: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
}
.sheet--p250 {
  padding: 13px 20px;
}
.sheet--p400 {
  padding: 20px;
}
.sheet--p500 {
  padding: 26px;
}
.sheet--p750 {
  padding: 39px;
}
.sheet--outline0 {
  border-width: 0;
}
.sheet--radius0 {
  border-radius: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .sheet {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0;
  }
  .sheet--p250 {
    padding: 10px 15px;
  }
  .sheet--p400 {
    padding: 13px 15px;
  }
  .sheet--p500 {
    padding: 15px;
  }
  .sheet--p750 {
    padding: 20px 15px;
  }
  .sheet--sp-outline0 {
    border-width: 0;
  }
}
.sheet-group .sheet + .sheet {
  margin-top: 0;
  border-bottom-width: 0;
  border-radius: 0 0;
}
.sheet-group .sheet:first-child {
  border-bottom-width: 0;
  border-radius: 4px 4px 0 0;
}
.sheet-group .sheet:last-child {
  border-bottom-width: 1px;
  border-radius: 0 0 4px 4px;
}
.sheet-group--outline0 .sheet {
  border-right-width: 0;
  border-left-width: 0;
}
.sheet-group--outline0 .sheet:first-child {
  border-top-width: 0;
}
.sheet-group--outline0 .sheet:last-child {
  border-bottom-width: 0;
}
.sheet-group--radius0 .sheet:first-child,
.sheet-group--radius0 .sheet:last-child {
  border-radius: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .sheet-group .sheet:first-child,
  .sheet-group .sheet:last-child {
    border-radius: 0;
  }
  .sheet-group--sp-outline0 .sheet:first-child {
    border-top-width: 0;
  }
  .sheet-group--sp-outline0 .sheet:last-child {
    border-bottom-width: 0;
  }
}
.legacy-list-item {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 -1px;
  padding: 0;
  line-height: 1.625;
  text-decoration: none;
}
.legacy-list-item__center,
.legacy-list-item__left,
.legacy-list-item__right {
  box-sizing: border-box;
  align-self: stretch;
}
.legacy-list-item__center,
.legacy-list-item__right {
  display: flex;
  align-items: center;
  background-image: linear-gradient(0deg, #e6e8eb, #e6e8eb 100%);
  background-size: 100% 1px;
  background-position: bottom;
  background-repeat: no-repeat;
}
.legacy-list-item__left {
  flex: 0 0 auto;
  padding: 13px 1rem 13px 0;
}
.legacy-list-item__center {
  flex: 1 1 auto;
  padding: 13px 0;
}
.legacy-list-item__right {
  flex: 0 0 auto;
  padding: 13px 0 13px 1rem;
}
.legacy-list-item__left + .legacy-list-item__center {
  padding-left: 0;
}
.legacy-list-item[href] {
  background-size: 100% calc(100% - 1px);
  background-repeat: no-repeat;
  background-position: 0 1px;
  text-decoration: none;
}
.legacy-list-item[href]:hover {
  background-image: linear-gradient(0deg, #f7f8fa, #f7f8fa 100%);
}
.legacy-list-item[href]:active {
  background-image: linear-gradient(0deg, #ebedf2, #ebedf2 100%);
}
.legacy-list-item:last-child[href] {
  background-size: 100% calc(100% - 3px);
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .legacy-list-item {
    line-height: 1.375;
  }
}
.list {
  margin: 0;
  padding: 0;
  background-image: linear-gradient(#e6e8eb, #e6e8eb), linear-gradient(#e6e8eb, #e6e8eb);
  background-size: 100% 1px, 100% 1px;
  background-position: bottom, top;
  background-repeat: no-repeat;
  list-style: none;
  list-style-position: outside;
  overflow: hidden;
}
.list--inset {
  padding: 0 20px;
  border: 1px solid #e6e8eb;
  border-radius: 6px;
}
.list--inset,
.list--outline0 {
  background-image: none;
}
.list--collapse {
  padding: 8px 0;
  background-image: linear-gradient(#e6e8eb, #e6e8eb);
  background-size: 100% 1px;
  background-position: top;
  background-repeat: no-repeat;
}
.list--collapse .legacy-list-item__center,
.list--collapse .legacy-list-item__left,
.list--collapse .legacy-list-item__right {
  background: none;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .list--inset .legacy-list-item {
    padding-left: 0;
  }
  .list--collapse {
    padding: 8px 0;
  }
  .list--collapse .legacy-list-item__center,
  .list--collapse .legacy-list-item__left,
  .list--collapse .legacy-list-item__right {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.callout {
  background-color: #fff;
  padding: 8px 20px;
  border-left: 5px solid #e6e8eb;
}
.callout--wide {
  padding: 15px 20px;
  border-top: 1px solid #e6e8eb;
  border-right: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
  border-radius: 2px;
}
.callout--neutral {
  border-left-color: #d5d9de;
}
.callout--energize {
  border-color: #ffc125;
}
.callout--assertive {
  border-color: #de3f3a;
}
.callout__heading {
  margin: 0 0 6.5px;
  font-size: 0.875rem;
  line-height: 1.625;
}
.callout__heading--neutral {
  color: #252f3d;
}
.callout__heading--energize {
  color: #8d6a02;
}
.callout__heading--assertive {
  color: #d12923;
}
.callout__body {
  color: #505c6b;
  font-size: 0.75rem;
  line-height: 1.5714285714;
}
.callout__footer {
  margin-top: 13px;
  text-align: right;
}
.callout__action {
  margin-left: 16px;
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.callout__action:link,
.callout__action:visited {
  text-decoration: none;
}
.callout__action:hover {
  text-decoration: underline;
}
.callout li {
  margin: 6.5px 0 0;
}
.callout li:first-child {
  margin-top: 0;
  padding-top: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .callout__heading {
    margin: 0 0 5.5px;
    font-size: 0.875rem;
    line-height: 1.375;
  }
  .callout__body {
    font-size: 0.75rem;
    line-height: 1.4285714286;
  }
  .callout__footer {
    margin-top: 11px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .page-header {
    padding: 10px 15px;
    background-color: #fcfcfc;
    border-bottom: 1px solid #e6e8eb;
  }
}
.page-header__title {
  margin: 0;
  font-size: 1.3125rem;
  line-height: 1.5238095238;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.page-header__title--center {
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .page-header__title {
    font-size: 1rem;
    line-height: 1.375;
  }
  .page-header__title--sp-left {
    text-align: left;
  }
  .page-header__title--sp-center {
    text-align: center;
  }
}
.partition-h {
  margin-top: 0;
  margin-bottom: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e8eb;
}
.social-btns {
  display: flex;
  align-items: start;
}
.social-btns__btn {
  line-height: 0;
}
.social-btns__btn + .social-btns__btn {
  margin-left: 8px;
}
.carts-coop-section__logo {
  width: 100px;
  margin: auto;
}
.carts-coop-section__headline {
  font-weight: 700;
}
.cart-box__delete-button {
  display: block;
  position: absolute;
  right: 26px;
  top: 26px;
  color: #7f8d9f;
  cursor: pointer;
}
.cart-box__delete-button:active,
.cart-box__delete-button:hover {
  color: #de3f3a;
}
.cart-box__shop-name {
  margin-right: 32px;
  margin-bottom: 5.2px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.cart-box__subtotal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 13px 0;
  border-top: 1px solid #e6e8eb;
}
.cart-box__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.cart-box__footer a:not(:last-child) {
  margin-bottom: 6.5px;
}
.cart-box__errors {
  padding: 6.5px 0;
  color: #de3f3a;
  text-align: right;
}
.cart-box .btn[disabled='disabled'] {
  opacity: 0.4;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .cart-box__delete-button {
    right: 11px;
    top: 13.75px;
  }
  .cart-box__shop-name {
    margin-bottom: 4.4px;
  }
  .cart-box__subtotal {
    padding: 11px 0;
  }
  .cart-box__footer a:not(:last-child) {
    margin-bottom: 11px;
  }
  .cart-box__errors {
    padding: 5.5px 0;
  }
}
.cart-box-subtotal-quantity__value {
  display: inline-block;
  padding: 0 0.25rem;
}
.cart-box-subtotal-price {
  padding-left: 1rem;
  color: #ff5c67;
}
.cart-items-container {
  border-top: 1px solid #e6e8eb;
}
.cart-items-container:empty {
  border-top: none;
}
.cart-item-container {
  border-bottom: 1px solid #e6e8eb;
  padding: 13px 1px;
}
.cart-item-container:last-child {
  border-bottom: none;
}
.cart-item {
  display: flex;
}
.cart-item__thumbnail {
  margin-right: 10.56px;
}
.cart-item__name {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.cart-item__price {
  color: #ff5c67;
}
.cart-item__label {
  margin-right: 0.25rem;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  white-space: nowrap;
}
.cart-item__input {
  -moz-appearance: textfield;
}
.cart-item__input[type='number'] {
  height: 32.5px;
  margin: 0;
  padding: 6.5px 16px;
  background: #f7f8fa;
  border: 1px solid #c0c5cf;
  box-sizing: border-box;
}
.cart-item__input::-webkit-inner-spin-button,
.cart-item__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart-item__input:focus {
  outline: 5px auto -webkit-focus-ring-color;
  border-color: #c0c5cf;
}
.cart-item__input--quantity[type='number'] {
  width: 64px;
}
.cart-item__input--boost[type='number'] {
  width: 164px;
}
.cart-item__input--error[type='number'] {
  background: #fbefef;
  border: 1px solid #de3f3a;
}
.cart-item__error-msg {
  color: #de3f3a;
  text-align: right;
}
.cart-item__delete-button {
  display: inline-block;
  color: #7f8d9f;
  cursor: pointer;
}
.cart-item__delete-button:active,
.cart-item__delete-button:hover {
  color: #de3f3a;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .cart-item {
    padding: 11px 0;
  }
  .cart-item__thumbnail {
    margin-right: 8px;
  }
  .cart-item__input[type='number'] {
    height: 33px;
    padding: 11px 16px;
  }
  .cart-item__input--quantity[type='number'] {
    width: 64px !important;
  }
  .cart-item__input--boost[type='number'] {
    width: 178px !important;
  }
}
.step-nav-wrapper {
  background-color: #fff;
}
.step-progress-wrap {
  position: relative;
  text-align: center;
}
.step-progress-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  height: 2px;
  background-color: #d6dbe1;
}
.step-progress-display {
  background-color: #fff;
}
.step-progress {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  display: flex;
  justify-content: space-around;
  flex-basis: 16.6666666667%;
}
.step-progress li {
  position: relative;
  line-height: 20px;
  margin: 0 0.3em 0 0;
  padding: 9px 0;
  border-right: none;
  font-size: 0.75rem;
  color: #a5afbb;
  z-index: auto;
  white-space: nowrap;
}
.step-progress li .step-num {
  position: relative;
  z-index: 0;
  width: 20px;
  height: 20px;
  background-color: #a5afbb;
  border-radius: 50%;
  font-size: 0.875rem;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
  text-align: center;
}
.step-progress li .step-num:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.step-progress li.current {
  color: #ff5c67;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.step-progress li.current .step-num {
  background: #ff5c67;
}
.step-progress li span {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}
.krkr-button,
.krkr-button-img {
  right: 1rem !important;
  bottom: 1.625rem !important;
}
.krkr-button-img {
  filter: drop-shadow(0 5px 7.5px rgba(174, 32, 13, 0.4));
  z-index: 100 !important;
}
.shop-app-detail-subtitle {
  margin: 0 0 19.5px;
  padding-left: 0.5em;
  border-left: 6px solid #5ccbd2;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.shop-apps-checkout-title {
  margin: 0 auto;
  padding: 39px 0;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-apps-checkout-title {
    padding: 22px 0;
  }
}
.shop-apps-checkout-pane {
  border-radius: 6px;
  overflow: hidden;
}
.shop-apps-confirmation-table {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop-apps-confirmation-table__icon {
  width: 65px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-apps-confirmation-table {
    display: block;
  }
}
.shop-app-detail-carousel-dots {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
.shop-app-detail-carousel-dots button {
  border: 0;
  background: #d7d9e0;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
}
.shop-app-detail-carousel-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.shop-app-detail-carousel-dots li.slick-active button {
  color: #fff;
  background: #5ccbd2;
}
.shop-app-detail-carousel-nav {
  position: absolute;
  top: calc(50% - 27px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 28px;
  width: 28px;
  line-height: 0;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  border: none;
  outline: none;
  z-index: 1;
  color: #5ccbd2;
  text-align: center;
}
.shop-app-detail-carousel-nav--prev {
  left: 10px;
}
.shop-app-detail-carousel-nav--next {
  right: 10px;
}
.shop-app-detail-carousel-item {
  box-sizing: border-box;
  height: 240px;
  padding: 10px 50px;
  background-color: #f1f5f8;
  box-shadow: inset 0 0 0 1px #e9eef2;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.shop-app-detail-carousel-item__figure {
  width: 300px;
  flex: 0 0 300px;
  height: 220px;
  background-color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-carousel-item {
    height: auto;
    padding: 10px;
  }
  .shop-app-detail-carousel-item__figure {
    width: 100%;
    height: auto;
  }
}
.shop-app-detail-carousel-item-image {
  width: 100%;
}
.shop-app-detail-carousel-item-num {
  position: relative;
  width: 44px;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #2c9ba6;
}
.shop-app-detail-carousel-item-num__text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  transform: translate(-50%, -50%);
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.shop-apps-global-header {
  position: relative;
  padding: 13px;
  background-color: #fff;
}
.shop-apps-global-header__image {
  vertical-align: bottom;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-apps-global-header {
    padding: 16.5px;
    text-align: center;
  }
  .shop-apps-global-header__anchor {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.shop-app-detail-header {
  height: 280px;
  background-color: #5ccbd2;
  background-position: 50%;
  background-repeat: repeat-x;
  background-image: url(/static-images/shop_apps/detail_header_bg.png);
  color: #fff;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .shop-app-detail-header {
    background-image: url(/static-images/shop_apps/detail_header_bg@2x.png);
    background-size: 1391px 178px;
  }
}
.shop-app-detail-header__title {
  font-size: 3rem;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.shop-app-detail-header__description {
  margin: 20px 0 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-header {
    height: auto;
    background-color: transparent;
    background-position: 50% 40px;
    background-image: url(/static-images/shop_apps/detail_header_bg_mobile.png);
    text-align: center;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .shop-app-detail-header {
    background-image: url(/static-images/shop_apps/detail_header_bg_mobile@2x.png);
    background-size: 894px 160px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-header__title {
    color: #252f3d;
    font-size: 2.25rem;
    font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 600;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-header__description {
    color: #252f3d;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 400;
  }
}
.shop-app-detail-header-icon {
  width: 360px;
}
.shop-app-detail-header-icon__image {
  width: 100%;
  vertical-align: top;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-header-icon {
    width: 184px;
    height: auto;
    background-color: #f1f5f8;
  }
  .shop-app-detail-header-icon__image {
    /* png画像が正方形のため、長方形にするために縦方向のmarginを調整する */
    margin-top: -28px;
    margin-bottom: -28px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-credit-logos {
    width: 265px;
  }
}
.btn-stop-shop-app {
  padding: 1em 2.5625em;
}
.u-tpg-footnote > .btn-stop-shop-app {
  margin-top: 10px;
}
.shop-app-detail-status-green {
  color: #2c9ba6;
}
.shop-app-detail-share-btns {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 52px;
}
.shop-app-detail-share-btns__share-btn {
  margin-right: 8px;
  line-height: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-detail-share-btns {
    justify-content: center;
    padding-bottom: 44px;
  }
  .shop-app-detail-share-btns__share-btn {
    margin: 0 8px;
  }
}
.upgrade-image img,
.usage-notes {
  width: 100%;
}
.shop-app-purchases-thead {
  display: flex;
  align-items: baseline;
  padding: 6.4px 0;
  background-color: #f1f5f8;
  color: #505c6b;
}
.shop-app-purchases-row {
  position: relative;
  display: flex;
  align-items: baseline;
  padding: 20px 0;
  border-top: 1px solid #e6e8eb;
}
.shop-app-purchases-row:first-child {
  border-top: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-purchases-row {
    display: block;
    padding: 13px 15px;
  }
}
.shop-app-purchases-col {
  flex: 1 0 auto;
  padding: 0 20px;
}
.shop-app-purchases-col--date {
  flex: 0 0 120px;
}
.shop-app-purchases-col--range {
  flex: 0 0 170px;
}
.shop-app-purchases-col--price {
  flex: 0 0 90px;
}
.shop-app-purchases-col--receipt {
  flex: 0 0 120px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-app-purchases-col {
    padding: 0;
  }
  .shop-app-purchases-col--date {
    margin-bottom: 5.5px;
  }
  .shop-app-purchases-col--price {
    position: absolute;
    top: 13px;
    right: 15px;
  }
}
.shop-app-purchases-trial-badge {
  display: inline-block;
  color: #5ccbd2;
  padding: 4px 5px;
  border: 1px solid #5ccbd2;
  border-radius: 6px;
  font-size: 0.75rem;
  line-height: 18/12;
}
.item-card {
  position: relative;
  font-size: 1rem;
  transition: width 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.item-card__wrap {
  height: auto;
  padding: 0 3px;
  box-sizing: border-box;
}
.item-card__summary {
  font-size: 0.8125rem;
  text-align: left;
}
.item-card__category {
  display: block;
  font-size: 0.9230769231em;
  margin: 5.2px 0 0;
  line-height: 1;
}
.item-card__category-anchor {
  vertical-align: middle;
  max-width: 312px;
  display: inline-block;
  display: block;
}
.item-card__category-anchor,
.item-card__shop-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-card__shop-name {
  margin: 2px 0;
  font-size: 0.9230769231em;
}
.item-card__shop-name-anchor {
  color: #171d26;
  max-width: 312px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.item-card__title {
  margin: 2px 0;
  letter-spacing: 0.08px;
}
.item-card__title-anchor {
  color: #171d26;
  max-width: 312px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.item-card__title-anchor--multiline {
  color: #171d26;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 312px;
  min-height: 2.625em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-card__title-anchor--multiline {
    min-height: 2.75em;
  }
}
.item-card__thumbnail {
  position: relative;
  width: 100%;
  background-color: #d7d9e0;
}
.item-card__thumbnail-loader {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 6px;
  background-color: #c7c9d1;
  background-repeat: repeat-x;
  background-size: 40px 40px;
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.3) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.3) 0,
    hsla(0, 0%, 100%, 0.3) 75%,
    transparent 0,
    transparent
  );
  animation: progress-bar-stripe 1s linear infinite;
}
.item-card__thumbnail-images {
  position: relative;
}
.item-card__thumbnail-images:after {
  content: '';
  display: block;
  padding-top: 100%;
}
.item-card__thumbnail-image {
  position: absolute;
  display: block;
  width: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.item-card__thumbnail-image[style*='thumbnail-alert-312'][style|='background'] {
  background-size: cover;
}
.item-card__thumbnail-image:after {
  content: '';
  display: block;
  padding-top: 100%;
}
.item-card__badges {
  position: absolute;
  bottom: 5px;
  left: 5px;
  margin: 0;
}
.item-card__eventname-flags {
  position: absolute;
  top: 1.734%;
  left: -1.734%;
  width: auto;
  max-width: calc(80% - 10px);
  text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .item-card__wrap {
    height: auto;
    padding: 0;
  }
  .item-card__thumbnail,
  .item-card__thumbnail img {
    width: 100%;
  }
  .item-card__shop-info {
    font-size: 0.6875rem;
    line-height: 1.5757575758;
  }
}
.shop-with-items {
  display: inline;
}
.shop-card__box-wrap {
  box-sizing: border-box;
  padding: 0 3px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-card__box-wrap {
    padding: 0 0 0.6875rem;
  }
}
.shop-card__box {
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 0 3px 0 rgba(0, 0, 0, 0.05);
  font-size: 1rem;
}
.shop-card__thumbnails {
  display: flex;
  align-items: stretch;
}
.shop-card__thumbnails--at-left {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-radius: 4px 0 0 0;
  flex: 1;
}
.shop-card__thumbnails--at-left:after {
  box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.05);
}
.shop-card__thumbnails--at-right {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border-radius: 0 4px 0 0;
  flex-direction: column;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.shop-card__thumbnail-wrap {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
}
.shop-card__thumbnail-wrap:after {
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);
}
.shop-card__thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.shop-card__box-footer {
  padding: 13px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-card__box-footer {
    padding: 10px;
  }
}
.shop-card__owner-info {
  display: flex;
  align-items: center;
}
.shop-card__avatar {
  line-height: 0;
  margin-right: 0.625em;
}
.shop-card__shop-name {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.25;
  text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-card__shop-name {
    font-size: 0.8125rem;
  }
}
.shop-card__actions {
  margin-top: 0.8125rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-card__actions {
    margin-top: 0.6875rem;
  }
}
.shop-card .btn.follow-action,
.shop-card .btn.unfollow-action {
  width: 100%;
}
.ellip-btn {
  display: block;
  background-color: transparent;
  width: 200px;
  line-height: 1;
  margin: 1.625rem auto 0;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #1b1b1b;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.ellip-btn .icon-arrow-open-down {
  display: block;
  width: auto;
  height: auto;
  color: #1b7f8c;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .ellip-btn {
    margin: 0 auto;
    padding: 0;
    font-size: 0.875rem;
  }
}
.mini-player-controller {
  background-color: #121a29;
  width: 380px;
  height: 70px;
  position: fixed;
  bottom: 1.625rem;
  right: 1rem;
  z-index: 100;
  display: flex;
  opacity: 0;
  font-size: 14px;
  line-height: 17px;
  border-radius: 5px 35px 35px 5px;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
}
.mini-player-controller a.scroller {
  text-decoration: none;
  display: block;
}
.mini-player-controller__image {
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  padding: 5px;
}
.mini-player-information {
  box-sizing: border-box;
  width: 155px;
  margin: 10px 10px 10px 5px;
}
.mini-player-information__item-name,
.mini-player-information__shop-name {
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mini-player-information__navigation {
  color: #7f8d9f;
  font-size: 11px;
}
.mini-player-controls {
  box-sizing: border-box;
  margin: 10px 0;
  padding: 10px 15px;
  border-left: 1px solid #444;
  display: flex;
}
.mini-player-mode-ui {
  height: 26px;
  margin-right: 10px;
  border-radius: 14px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mini-player-mode-ui__knob {
  position: absolute;
  top: 3px;
  width: 30px;
  height: 20px;
  margin-left: 3px;
  border-radius: 10px;
  background-color: #fff;
  z-index: 1;
  transition: 0.15s;
}
.mini-player-mode-ui--short .mini-player-mode-ui__knob {
  left: 0;
}
.mini-player-mode-ui--full .mini-player-mode-ui__knob {
  left: 30px;
}
.mini-player-mode-ui__short {
  margin-left: 3px;
}
.mini-player-mode-ui__full {
  margin-right: 3px;
}
.mini-player-mode-ui__full,
.mini-player-mode-ui__short {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  white-space: nowrap;
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.mini-player-mode-ui__full.active,
.mini-player-mode-ui__short.active {
  color: #121a29;
}
.mini-player-play-ui {
  width: 26px;
  height: 26px;
  border-radius: 14px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-player-play-ui i {
  display: block;
  color: #fff;
  cursor: pointer;
  margin-top: 1px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .mini-player-controller {
    background-color: #121a29;
    width: 100%;
    height: 60px;
    bottom: 0;
    right: 0;
    line-height: 17px;
    border-radius: 0;
    box-shadow: none;
  }
  .mini-player-controller__image {
    width: 60px;
    height: 60px;
    padding: 5px;
  }
  .mini-player-information {
    margin: 13px 10px 13px 5px;
    flex-grow: 1;
    min-width: 0;
  }
  .mini-player-information__shop-name {
    display: none;
  }
  .mini-player-information__navigation {
    font-size: 10px;
  }
  .mini-player-controls {
    margin: 5px 0;
    padding: 10px 10px 10px 0;
    border-left: none;
    right: 10px;
  }
}
.mini-player-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.mini-player-thumbnail__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: transparent;
  transition: all 0.24s ease-out;
}
.mini-player-thumbnail--playing .mini-player-thumbnail__wrapper {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.75);
}
.mini-player-thumbnail__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mini-player-thumbnail__link a {
  text-decoration: none;
  display: block;
}
.mini-player-thumbnail__link-button {
  border-radius: 5px;
  font-size: 13px;
  color: #fff;
  border: 2px solid #fff;
  padding: 0.325rem 1rem;
  white-space: nowrap;
}
.mini-player-thumbnail__loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  text-indent: -9999em;
  border-style: solid;
  border-color: transparent transparent transparent hsla(0, 0%, 49%, 0.72);
  border-radius: 50%;
  animation: rotate8 0.72s linear infinite;
  transition: border 0.24s ease-out;
}
.mini-player-thumbnail__loader {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: #2ad587;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.24s ease-out;
}
.mini-player-thumbnail__loader--playing {
  width: 96px;
  height: 96px;
  margin-top: -48px;
  margin-left: -48px;
}
.mini-player-thumbnail__loader--playing .mini-player-thumbnail__loading {
  border-width: 24px;
}
.mini-player-thumbnail__button-wrapper {
  position: absolute;
  width: 96px;
  height: 96px;
  text-align: center;
  line-height: 96px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  top: -1px;
  right: -1px;
  transform-origin: top right;
  transform: scale(0.33);
}
.mini-player-thumbnail__button {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  width: 72px;
  height: 72px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.24s ease-out;
}
.mini-player-thumbnail__icon {
  position: relative;
  z-index: 3;
}
.mini-player-thumbnail__icon > .icon-play {
  margin-right: -15px;
}
.mini-player-thumbnail__icon > .icon-pause {
  margin-right: -11px;
}
.guide {
  color: #444;
  line-height: 22px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.guide h1,
.guide h2,
.guide h3,
.guide h4,
.guide h5,
.guide h6 {
  font-weight: 700;
}
.guide-headline-1 {
  font-size: 1.125rem;
  color: #fc4d50;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.guide-headline-1--color-normal {
  color: #444;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-headline-1--sp-12 {
    font-size: 0.75rem;
  }
}
.guide-headline-2 {
  font-size: 1rem;
  color: #fc4d50;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.guide-headline-2--color-normal {
  color: #444;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-headline-2 {
    font-size: 0.75rem;
  }
}
.guide-headline-3 {
  font-size: 0.875rem;
  color: #fc4d50;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-headline-3 {
    font-size: 0.5625rem;
  }
}
.guide-footnote {
  font-size: 0.75rem;
  color: #888;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-footnote {
    font-size: 0.625rem;
  }
}
.guide-btn {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 420px;
  height: 60px;
  background-color: #fc4d50;
  border-radius: 10px;
  box-shadow: 0 6px 0 0 #d8192b;
  font-size: 1.125rem;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
.guide-btn--start {
  width: 300px;
  height: 80px;
  font-size: 1.5rem;
}
.guide-btn__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: block;
  width: 28px;
  height: 28px;
}
.guide-btn__icon--minus {
  display: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-btn {
    width: 230px;
    height: 50px;
    font-size: 0.75rem;
  }
  .guide-btn--start {
    width: 170px;
    height: 50px;
  }
  .guide-btn__icon {
    right: 15px;
    width: 18px;
    height: 18px;
  }
}
.guide-body,
.guide-header {
  background-color: #fff;
}
.guide-header__hero {
  height: 430px;
  background-color: #7ed9de;
  background-image: url(/static-images/guide/hero_visual.png);
  background-repeat: no-repeat;
  background-position: calc(50% + 242px) -33px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-header__hero {
    background-image: url(/static-images/guide/hero_visual@2x.png);
    background-size: 927px 478px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-header__hero {
    height: 420px;
    background-image: url(/static-images/guide/hero_visual_mobile.png);
    background-position: 50% 12px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-header__hero {
    background-image: url(/static-images/guide/hero_visual_mobile@2x.png);
    background-size: 465px 331px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-hero-title__image {
    width: 244px;
  }
}
.guide-features {
  margin: 0;
  padding: 20px 0 80px;
}
.guide-features__image {
  margin-left: 40px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-features {
    padding: 20px 0 37px;
    text-align: center;
  }
  .guide-features__image {
    width: 278px;
    margin-left: 0;
  }
}
.guide-subsection-box {
  position: relative;
  z-index: 1;
  padding: 60px 0;
  background-color: #fff;
  border: 4px solid #7ed9de;
  border-radius: 8px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-subsection-box {
    margin: 0 10px;
    padding: 30px 0;
    border-width: 2px;
  }
}
.guide-subsection-box__heading {
  height: 51px;
  margin: 0 auto;
  background-image: url(/static-images/guide/sprite_subsection_titles.svg);
  background-repeat: no-repeat;
  background-size: 706px 449px;
  background-position: top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.guide-subsection-box__heading--sales {
  background-position: center -80px;
}
.guide-subsection-box__heading--furikomi {
  background-position: center -160px;
}
.guide-subsection-box__heading--register {
  background-position: center -240px;
}
.guide-subsection-box__heading--input {
  background-position: center -320px;
}
.guide-subsection-box__heading--register-item {
  background-position: center -400px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-subsection-box__heading {
    height: 28px;
    background-image: url(/static-images/guide/sprite_subsection_titles_mobile.svg);
    background-size: 267px 267px;
  }
  .guide-subsection-box__heading--sales {
    background-position: center -40px;
  }
  .guide-subsection-box__heading--furikomi {
    background-position: center -80px;
  }
  .guide-subsection-box__heading--register {
    background-position: center -160px;
  }
  .guide-subsection-box__heading--input {
    background-position: center -200px;
  }
  .guide-subsection-box__heading--register-item {
    background-position: center -240px;
  }
}
.guide-subsection-box__time-required {
  position: absolute;
  top: -22px;
  right: 0;
  z-index: 2;
  display: block;
  box-sizing: border-box;
  width: 99px;
  height: 35px;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-subsection-box__time-required {
    top: -15px;
    width: 59px;
    height: 28px;
    border-radius: 5px;
    overflow: hidden;
  }
}
.guide-dotted-hr {
  width: 804px;
  height: 14px;
  margin: 80px auto;
  background-image: url(/static-images/guide/hr.svg);
  background-repeat: repeat-x;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-dotted-hr {
    width: 264px;
    height: 11px;
    margin: 60px auto;
    background-image: url(/static-images/guide/hr_mobile.svg);
  }
}
.guide-enable-items {
  margin: 54px 0 80px;
  padding: 0;
  background-image: url(/static-images/guide/fig_enable_items.png);
  background-repeat: no-repeat;
  background-position: top;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-enable-items {
    background-image: url(/static-images/guide/fig_enable_items@2x.png);
    background-size: 828px 226px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-enable-items {
    width: 296px;
    margin: 22px auto 57px;
    background-image: url(/static-images/guide/fig_enable_items_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-enable-items {
    background-image: url(/static-images/guide/fig_enable_items_mobile@2x.png);
    background-size: 280px 272px;
  }
}
.guide-enable-item {
  margin: 0;
  list-style: none;
  list-style-image: none;
  flex: 0 0 25%;
  padding: 177px 0 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-enable-item {
    flex: 0 0 50%;
    padding-top: 80px;
  }
  .guide-enable-item:nth-child(-n + 2) {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-sales-graph {
    width: 247px;
  }
}
.guide-received-image {
  vertical-align: bottom;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-received-image {
    width: 272px;
  }
}
.shpo-lp-received-footnotes {
  list-style-type: none;
  margin: 0;
  padding: 30px 50px;
  background-color: #f1f5f8;
  border: 2px solid #505c6b;
  border-top: none;
  border-radius: 0 0 10px 10px;
  font-size: 14px;
  line-height: 22px;
}
.shpo-lp-received-footnotes__item {
  position: relative;
}
.shpo-lp-received-footnotes__item:before {
  content: '※';
  position: absolute;
  top: 0;
  right: calc(100% + 0.25em);
  display: block;
}
.shpo-lp-received-footnotes__adjust {
  display: inline-block;
  margin-left: 0.75em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shpo-lp-received-footnotes {
    margin-top: 28px;
    padding: 15px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
  }
  .shpo-lp-received-footnotes__item {
    margin: 0 0 0 0.5em;
  }
}
.guide-sales-step {
  padding: 0;
  list-style: none;
  list-style-image: none;
  position: relative;
  flex: 0 0 calc(33.33333% - 28px);
  margin: 0 42px 0 0;
}
.guide-sales-step:after {
  content: '';
  position: absolute;
  top: 54px;
  right: -42px;
  display: block;
  width: 42px;
  height: 42px;
  background-image: url(/static-images/guide/icon_arrow.svg);
  background-repeat: no-repeat;
}
.guide-sales-step:last-child {
  margin-right: 0;
}
.guide-sales-step:last-child:after {
  display: none;
}
.guide-sales-step__fig {
  height: 103px;
  background-image: url(/static-images/guide/fig_furikomi.png);
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-sales-step__fig {
    background-image: url(/static-images/guide/fig_furikomi@2x.png);
    background-size: 755px 103px;
  }
}
.guide-sales-step__fig--step1 {
  background-position: 109px 0;
}
.guide-sales-step__fig--step2 {
  background-position: -222px 0;
}
.guide-sales-step__fig--step3 {
  background-position: -549px 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-sales-step {
    margin: 0 0 70px;
  }
  .guide-sales-step:after {
    top: calc(100% + 20px);
    right: calc(50% - 17px);
    width: 34px;
    height: 34px;
    background-image: url(/static-images/guide/icon_arrow_mobile.svg);
  }
  .guide-sales-step:last-child {
    margin-bottom: 0;
  }
  .guide-sales-step__fig {
    width: 100px;
    margin: auto;
    background-image: url(/static-images/guide/fig_furikomi_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-sales-step__fig {
    background-image: url(/static-images/guide/fig_furikomi_mobile@2x.png);
    background-size: 102px 466px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-sales-step__fig--step1 {
    height: 84px;
    background-position: center 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-sales-step__fig--step2 {
    height: 77.5px;
    background-position: calc(50% - 1px) -207px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-sales-step__fig--step3 {
    height: 56px;
    background-position: center -410px;
  }
}
.guide-section-wrap {
  position: relative;
  margin-top: 100px;
  padding-top: 398px;
  background-image: url(/static-images/guide/bg_section_title_stripe1.png);
  background-repeat: no-repeat;
  background-position: top;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-section-wrap {
    background-image: url(/static-images/guide/bg_section_title_stripe1@2x.png);
    background-size: 1440px 641px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-section-wrap {
    margin-top: 65px;
    padding-top: 258px;
    background-image: url(/static-images/guide/section_title_3step_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-section-wrap {
    background-image: url(/static-images/guide/section_title_3step_mobile@2x.png);
    background-size: 736px 263px;
  }
}
.guide-section-wrap--deliver {
  margin-top: 36px;
  padding-top: 432px;
  background-image: url(/static-images/guide/bg_section_title_stripe2.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-section-wrap--deliver {
    background-image: url(/static-images/guide/bg_section_title_stripe2@2x.png);
    background-size: 1440px 641px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-section-wrap--deliver {
    margin-top: -8px;
    padding-top: 308px;
    background-image: url(/static-images/guide/section_title_deliver_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-section-wrap--deliver {
    background-image: url(/static-images/guide/section_title_deliver_mobile@2x.png);
    background-size: 736px 270px;
  }
}
.guide-section-title__text {
  position: absolute;
  margin: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-section-title__text {
    display: none;
  }
}
.guide-section-title__text--3step {
  top: -310px;
  left: 324px;
  z-index: 2;
}
.guide-section-title__text--deliver {
  top: -238px;
  left: 0;
  z-index: 1;
}
.guide-section-title__chara {
  position: absolute;
  background-repeat: no-repeat;
}
.guide-section-title__chara--3step {
  top: -480px;
  left: -61px;
  z-index: 1;
  height: 526px;
  width: 579px;
  background-image: url(/static-images/guide/bg_section_title_chara1.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-section-title__chara--3step {
    background-image: url(/static-images/guide/bg_section_title_chara1@2x.png);
    background-size: 579px 526px;
  }
}
.guide-section-title__chara--deliver {
  top: -387px;
  right: 26px;
  z-index: 2;
  height: 387px;
  width: 495px;
  background-image: url(/static-images/guide/bg_section_title_chara2.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-section-title__chara--deliver {
    background-image: url(/static-images/guide/bg_section_title_chara2@2x.png);
    background-size: 495px 387px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-section-title__chara {
    display: none;
    background-image: none;
  }
}
.guide-subsection-box-tab {
  position: absolute;
  top: -22px;
  right: 0;
  z-index: 0;
  display: block;
  width: 107px;
  height: 43px;
  background-color: #7ed9de;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-subsection-box-tab {
    top: -15px;
    width: 63px;
    right: 10px;
  }
}
.guide-step-heading {
  position: absolute;
  top: -67px;
}
.guide-step-heading--step1 {
  left: 364px;
}
.guide-step-heading--step2,
.guide-step-heading--step3 {
  left: 354px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-step-heading {
    top: -57px;
  }
  .guide-step-heading--step1 {
    left: calc(50% - 91.5px);
  }
  .guide-step-heading--step2 {
    left: calc(50% - 99.75px);
  }
  .guide-step-heading--step3 {
    left: calc(50% - 99.25px);
  }
  .guide-step-heading__image--step1 {
    width: 151px;
  }
  .guide-step-heading__image--step2 {
    width: 167px;
  }
  .guide-step-heading__image--step3 {
    width: 166px;
  }
}
.guide-time-text {
  margin-top: 7px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-time-text {
    margin-top: 5.5px;
    transform-origin: top center;
    transform: scale(0.56) translateX(-20%);
  }
}
.guide-about-subdomain {
  width: 849px;
  margin: 42px auto 0;
}
.guide-about-subdomain__text {
  margin: 28px 0 0 39px;
  line-height: 24px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-about-subdomain {
    width: auto;
    margin-top: 30px;
  }
  .guide-about-subdomain__image {
    width: 245px;
  }
  .guide-about-subdomain__text {
    margin: 15px 20px 0;
    line-height: 18px;
  }
}
.guide-input-step {
  padding: 0;
  list-style: none;
  list-style-image: none;
  position: relative;
  margin: 0 42px 0 0;
}
.guide-input-step:after {
  content: '';
  position: absolute;
  top: 103px;
  right: -42px;
  display: block;
  width: 42px;
  height: 42px;
  background-image: url(/static-images/guide/icon_arrow.svg);
  background-repeat: no-repeat;
}
.guide-input-step:first-child {
  flex: 0 0 285px;
  margin-right: 40px;
}
.guide-input-step:nth-child(2) {
  flex: 0 0 272px;
  margin-right: 49px;
}
.guide-input-step:last-child {
  flex: 0 0 273px;
  margin-right: 0;
}
.guide-input-step:last-child:after {
  display: none;
}
.guide-input-step__fig {
  width: 166px;
  height: 150px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-image: url(/static-images/guide/fig_step2.png);
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-input-step__fig {
    background-image: url(/static-images/guide/fig_step2@2x.png);
    background-size: 786px 150px;
  }
}
.guide-input-step__fig--step2 {
  background-position: -319.5px 0;
}
.guide-input-step__fig--step3 {
  background-position: -640px 0;
}
.guide-input-step__lead {
  margin: 0 33px;
  font-size: 0.875rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-input-step:last-child,
  .guide-input-step:nth-child(2) {
    margin-top: 74px;
  }
  .guide-input-step:first-child,
  .guide-input-step:nth-child(2) {
    margin-right: 0;
  }
  .guide-input-step:after {
    top: calc(100% + 20px);
    right: calc(50% - 17px);
    width: 34px;
    height: 34px;
    background-image: url(/static-images/guide/icon_arrow_mobile.svg);
  }
  .guide-input-step__fig {
    width: 132px;
    height: 110px;
    background-image: url(/static-images/guide/fig_step2_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-input-step__fig {
    background-image: url(/static-images/guide/fig_step2_mobile@2x.png);
    background-size: 132px 640px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-input-step__fig--step2 {
    height: 95px;
    background-position: 0 -273px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-input-step__fig--step3 {
    height: 108px;
    background-position: 0 -532px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-input-step__lead {
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.guide-item-type {
  margin: 0;
  list-style: none;
  list-style-image: none;
  position: relative;
  box-sizing: border-box;
  flex: 25%;
  padding: 0 30px;
  box-shadow: inset -1px 0 0 0 #d5d9de;
  font-size: 0.875rem;
}
.guide-item-type:last-child {
  box-shadow: none;
}
.guide-item-type__fig {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-image: url(/static-images/guide/fig_step3.png);
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-item-type__fig {
    background-image: url(/static-images/guide/fig_step3@2x.png);
    background-size: 828px 100px;
  }
}
.guide-item-type__fig--warehouse {
  background-position: -240px 0;
}
.guide-item-type__fig--dl {
  margin-top: 10px;
  background-position: -481px 0;
}
.guide-item-type__fig--factory {
  margin-top: 10px;
  background-position: -728px 0;
}
.guide-item-type__details {
  list-style-type: disc;
  font-family: -apple-system, BlinkMacSystemFont, booth heavy en, booth heavy jp, メイリオ, Meiryo,
    ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-item-type {
    flex: 0 0 calc(50% - 4px);
    padding: 0 15px;
    font-size: 0.625rem;
  }
  .guide-item-type:nth-child(-n + 2) {
    margin-bottom: 21px;
  }
  .guide-item-type:nth-child(-n + 2):after {
    content: '';
    position: absolute;
    bottom: -10px;
    display: block;
    height: 1px;
    background-color: #d5d9de;
  }
  .guide-item-type:first-child:after {
    left: 10px;
    right: 0;
  }
  .guide-item-type:nth-child(2):after {
    left: 0;
    right: 10px;
  }
  .guide-item-type:nth-child(odd) {
    box-shadow: inset -1px 0 0 0 #d5d9de;
  }
  .guide-item-type:nth-child(2n) {
    box-shadow: none;
  }
  .guide-item-type__fig {
    width: 65px;
    height: 65px;
    background-image: url(/static-images/guide/fig_step3_mobile.png);
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-item-type__fig {
    background-image: url(/static-images/guide/fig_step3_mobile@2x.png);
    background-size: 515px 65px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-item-type__fig--warehouse {
    background-position: -150px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-item-type__fig--dl {
    background-position: -300px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-item-type__fig--factory {
    background-position: -450px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-fig-start {
    width: 280px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-fig-plus {
    width: 50px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-fig-booth-apps {
    width: 304px;
  }
}
.guide-deliver {
  padding-bottom: 123px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-deliver {
    padding-bottom: 72px;
  }
}
.guide-deliver-types {
  width: 905px;
  height: 635px;
  margin: 24px 0 0 39px;
  padding: 0;
  background-image: url(/static-images/guide/fig_deliver_types.png);
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-deliver-types {
    background-image: url(/static-images/guide/fig_deliver_types@2x.png);
    background-size: 905px 635px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-deliver-types {
    width: 280px;
    margin: 0 auto;
    padding-top: 20px;
    background-image: url(/static-images/guide/fig_deliver_types_mobile.png);
    background-position: calc(50% + 5px) 20px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-deliver-types {
    background-image: url(/static-images/guide/fig_deliver_types_mobile@2x.png);
    background-size: 270px 624px;
  }
}
.guide-deliver-type {
  padding: 0;
  list-style: none;
  list-style-image: none;
  height: 120px;
  margin: 42px 0;
  text-align: center;
}
.guide-deliver-type:first-child {
  margin-top: 0;
}
.guide-deliver-type:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-deliver-type {
    height: 118px;
    margin: 40px 0 40px 9.5px;
  }
  .guide-deliver-type:nth-child(2),
  .guide-deliver-type:nth-child(3) {
    height: 122px;
  }
}
.guide-deliver-type__cf-link {
  font-size: 14px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-deliver-type__cf-link {
    font-size: 10px;
  }
}
.guide-deliver-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  flex: 1 0 auto;
}
.guide-deliver-step {
  flex: 0 0 202px;
  margin: 0 28px 0 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-deliver-step {
    flex: 0 0 76px;
    margin: 0 14px 0 0;
  }
}
.guide-footer {
  background-color: #7ed9de;
  box-shadow: inset 0 67px 0 0 #fff;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-footer {
    box-shadow: inset 0 30px 0 0 #fff;
  }
}
.guide-footer__heading {
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.guide-footer__inner {
  height: 327px;
  background-image: url(/static-images/guide/fig_debut.png);
  background-position: center 0;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .guide-footer__inner {
    background-image: url(/static-images/guide/fig_debut@2x.png);
    background-size: 1200px 327px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .guide-footer__inner {
    height: 168px;
    padding-top: 0;
    background-image: url(/static-images/guide/fig_debut_mobile.png);
    background-position: top;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .guide-footer__inner {
    background-image: url(/static-images/guide/fig_debut_mobile@2x.png);
    background-size: 736px 186px;
  }
}
.shop-new {
  width: 800px;
  padding: 80px 0;
}
.shop-new-sheet {
  background-color: #fff;
  border-radius: 8px;
}
.shop-new-sheet__container {
  position: relative;
  padding: 60px;
}
.shop-new-heading {
  display: inline-block;
  margin: 0 auto 30px;
  padding-bottom: 5px;
  border-bottom: 4px solid #fc4d50;
  font-size: 2.375rem;
}
.shop-new-form {
  position: relative;
  left: 12px;
}
.shop-new-subdomain__smalls {
  display: inline-block;
  margin: 11px auto 14px;
  text-align: left;
}
.shop-new-subdomain input[type='text'].shop-new-subdomain__input {
  width: 260px;
  margin: 0 12px 0 9px;
}
.shop-new-subdomain__submit {
  width: 240px;
  margin-top: 20px;
}
.shop-new-badge {
  position: absolute;
  right: -35px;
  bottom: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 261px;
  width: 208px;
  background-image: url(/static-images/shops/new/illustration.png);
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  .shop-new-badge {
    background-image: url(/static-images/shops/new/illustration@2x.png);
    background-size: 208px 261px;
  }
}
.shop-new-validation {
  position: relative;
  box-sizing: border-box;
  width: 240px;
  margin: 12px auto 0;
  padding: 7.8px 8px;
  background-color: #fbefef;
  text-align: center;
  font-size: 0.8125rem;
  color: #d12923;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.shop-new-validation:before {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  left: calc(50% - 7px);
  height: 14px;
  width: 14px;
  background-color: #fbefef;
  transform: rotate(45deg);
}
.shop-new-validation--success {
  background-color: #f1f9f5;
  color: #1b8857;
}
.shop-new-validation--success:before {
  background-color: #f1f9f5;
}
.shop-new-validation--checking {
  background-color: #eef8fc;
  color: #1290ce;
}
.shop-new-validation--checking:before {
  background-color: #eef8fc;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .shop-new {
    padding: 30px 0 8px;
  }
  .shop-new-sheet {
    border-radius: 0;
  }
  .shop-new-sheet__container {
    padding: 30px 12px 0;
  }
  .shop-new-heading {
    margin: 0 auto 20px;
    border-width: 2px;
    font-size: 1.125rem;
  }
  .shop-new-lead {
    font-size: 0.75rem;
  }
  .shop-new-form {
    left: 8px;
  }
  .shop-new-subdomain__smalls {
    margin: 10px auto 18px;
  }
  .shop-new-subdomain__label {
    font-size: 0.625rem;
  }
  .shop-new-subdomain input[type='text'].shop-new-subdomain__input {
    margin: 0 5px;
    width: 186px !important;
  }
  .shop-new-subdomain input[type='text'].shop-new-subdomain__input::placeholder {
    font-size: 11px;
  }
  .shop-new-subdomain__submit {
    width: 160px;
    padding: 1em 0 !important;
  }
  .shop-new-badge {
    position: relative;
    right: -10px;
    width: auto;
    height: 83px;
    background-image: url(/static-images/shops/new/illustration_mobile.png);
    background-position: 100% 100%;
  }
  .shop-new-validation {
    width: 186px;
  }
  .shop-new-login {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1.5),
  screen and (min-width: 0px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-width: 0px) and (max-width: 736px) and (min-resolution: 1.5dppx) {
  .shop-new-badge {
    background-image: url(/static-images/shops/new/illustration_mobile@2x.png);
    background-size: 241px 83px;
  }
}
.international-customers-banner {
  min-height: 0;
  margin: 0 auto;
  line-height: 0;
}
.international-customers-banner__img {
  vertical-align: top;
}
.u-align-top {
  vertical-align: top !important;
}
.u-align-middle {
  vertical-align: middle !important;
}
.u-align-bottom {
  vertical-align: bottom !important;
}
.u-bg-page-200 {
  background-color: #fafbfc !important;
}
.u-bg-200 {
  background-color: #f7f8fa !important;
}
.u-bg-400 {
  background-color: #ebedf2 !important;
}
.u-bg-energize {
  background-color: #ffc125 !important;
}
.u-bg-balance {
  background-color: #2ad587 !important;
}
.u-bg-assertive {
  background-color: #de3f3a !important;
}
.u-bg-primary {
  background-color: #ff5c67 !important;
}
.u-bg-white {
  background-color: #fff !important;
}
.u-border {
  border: 1px solid #e6e8eb !important;
}
.u-border-0 {
  border: 0 !important;
}
.u-border-t {
  border: solid #e6e8eb !important;
  border-width: 1px 0 0 !important;
}
.u-border-r {
  border: solid #e6e8eb !important;
  border-width: 0 1px 0 0 !important;
}
.u-border-b {
  border: solid #e6e8eb !important;
  border-width: 0 0 1px !important;
}
.u-border-l {
  border: solid #e6e8eb !important;
  border-width: 0 0 0 1px !important;
}
.u-border-t-0 {
  border-top: 0 !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-border-sp-t {
    border: solid #e6e8eb !important;
    border-width: 1px 0 0 !important;
  }
  .u-border-sp-r {
    border: solid #e6e8eb !important;
    border-width: 0 1px 0 0 !important;
  }
  .u-border-sp-b {
    border: solid #e6e8eb !important;
    border-width: 0 0 1px !important;
  }
  .u-border-sp-l {
    border: solid #e6e8eb !important;
    border-width: 0 0 0 1px !important;
  }
  .u-border-sp-t-0 {
    border-top: 0 !important;
  }
  .u-border-sp-r-0 {
    border-right: 0 !important;
  }
  .u-border-sp-b-0 {
    border-bottom: 0 !important;
  }
  .u-border-sp-l-0 {
    border-left: 0 !important;
  }
}
.u-border-500 {
  border-color: #d5d9de !important;
}
.u-border-assertive {
  border-color: #de3f3a !important;
}
.u-border-primary {
  border-color: #ff5c67 !important;
}
.u-cursor-not-allowed {
  cursor: not-allowed !important;
}
.u-cursor-help {
  cursor: help !important;
}
.u-d-none {
  display: none !important;
}
.u-d-inline {
  display: inline !important;
}
.u-d-inline-block {
  display: inline-block !important;
}
.u-d-block {
  display: block !important;
}
.u-d-table {
  display: table !important;
}
.u-d-table-cell {
  display: table-cell !important;
}
.u-d-flex {
  display: flex !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-d-sp-none {
    display: none !important;
  }
  .u-d-sp-inline {
    display: inline !important;
  }
  .u-d-sp-inline-block {
    display: inline-block !important;
  }
  .u-d-sp-block {
    display: block !important;
  }
  .u-d-sp-table {
    display: table !important;
  }
  .u-d-sp-table-row {
    display: table-row !important;
  }
  .u-d-sp-table-cell {
    display: table-cell !important;
  }
  .u-d-sp-flex {
    display: flex !important;
  }
  .u-d-sp-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .u-d-print-none {
    display: none !important;
  }
}
.u-flex-row {
  flex-direction: row !important;
}
.u-flex-column {
  flex-direction: column !important;
}
.u-flex-wrap {
  flex-wrap: wrap !important;
}
.u-flex-nowrap {
  flex-wrap: nowrap !important;
}
.u-flex-1 {
  flex: 1 !important;
}
.u-flex-none {
  flex: none !important;
}
.u-flex-shrink {
  flex-shrink: 1 !important;
}
.u-justify-content-center {
  justify-content: center !important;
}
.u-justify-content-between {
  justify-content: space-between !important;
}
.u-align-items-start {
  align-items: flex-start !important;
}
.u-align-items-end {
  align-items: flex-end !important;
}
.u-align-items-center {
  align-items: center !important;
}
.u-align-items-baseline {
  align-items: baseline !important;
}
.u-align-items-stretch {
  align-items: stretch !important;
}
.u-align-content-between {
  align-content: space-between !important;
}
.u-align-self-start {
  align-self: flex-start !important;
}
.u-align-self-center {
  align-self: center !important;
}
.u-align-self-stretch {
  align-self: stretch !important;
}
.u-order-0 {
  order: 0 !important;
}
.u-order-1 {
  order: 1 !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-flex-sp-row {
    flex-direction: row !important;
  }
  .u-flex-sp-column {
    flex-direction: column !important;
  }
  .u-flex-sp-row-reverse {
    flex-direction: row-reverse !important;
  }
  .u-flex-sp-column-reverse {
    flex-direction: column-reverse !important;
  }
  .u-flex-sp-wrap {
    flex-wrap: wrap !important;
  }
  .u-flex-sp-nowrap {
    flex-wrap: nowrap !important;
  }
  .u-flex-sp-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .u-flex-sp-initial {
    flex: initial !important;
  }
  .u-flex-sp-1 {
    flex: 1 !important;
  }
  .u-flex-sp-none {
    flex: none !important;
  }
  .u-flex-sp-grow {
    flex-grow: 1 !important;
  }
  .u-flex-sp-shrink {
    flex-shrink: 1 !important;
  }
  .u-flex-sp-no-grow {
    flex-grow: 0 !important;
  }
  .u-flex-sp-no-shrink {
    flex-shrink: 0 !important;
  }
  .u-justify-content-sp-start {
    justify-content: flex-start !important;
  }
  .u-justify-content-sp-end {
    justify-content: flex-end !important;
  }
  .u-justify-content-sp-center {
    justify-content: center !important;
  }
  .u-justify-content-sp-between {
    justify-content: space-between !important;
  }
  .u-justify-content-sp-around {
    justify-content: space-around !important;
  }
  .u-align-items-sp-start {
    align-items: flex-start !important;
  }
  .u-align-items-sp-end {
    align-items: flex-end !important;
  }
  .u-align-items-sp-center {
    align-items: center !important;
  }
  .u-align-items-sp-baseline {
    align-items: baseline !important;
  }
  .u-align-items-sp-stretch {
    align-items: stretch !important;
  }
  .u-align-content-sp-start {
    align-content: flex-start !important;
  }
  .u-align-content-sp-end {
    align-content: flex-end !important;
  }
  .u-align-content-sp-center {
    align-content: center !important;
  }
  .u-align-content-sp-between {
    align-content: space-between !important;
  }
  .u-align-content-sp-around {
    align-content: space-around !important;
  }
  .u-align-content-sp-stretch {
    align-content: stretch !important;
  }
  .u-align-self-sp-auto {
    align-self: auto !important;
  }
  .u-align-self-sp-start {
    align-self: flex-start !important;
  }
  .u-align-self-sp-end {
    align-self: flex-end !important;
  }
  .u-align-self-sp-center {
    align-self: center !important;
  }
  .u-align-self-sp-baseline {
    align-self: baseline !important;
  }
  .u-align-self-sp-stretch {
    align-self: stretch !important;
  }
  .u-order-sp-0 {
    order: 0 !important;
  }
  .u-order-sp-1 {
    order: 1 !important;
  }
  .u-order-sp-2 {
    order: 2 !important;
  }
  .u-order-sp-3 {
    order: 3 !important;
  }
  .u-order-sp-4 {
    order: 4 !important;
  }
  .u-order-sp-5 {
    order: 5 !important;
  }
}
.u-w-25 {
  width: 25% !important;
}
.u-w-50 {
  width: 50% !important;
}
.u-max-w-50 {
  max-width: 50% !important;
}
.u-w-75 {
  width: 75% !important;
}
.u-max-w-75 {
  max-width: 75% !important;
}
.u-w-100 {
  width: 100% !important;
}
.u-max-w-100 {
  max-width: 100% !important;
}
.u-h-75 {
  height: 75% !important;
}
.u-min-w-0 {
  min-width: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-w-sp-25 {
    width: 25% !important;
  }
  .u-max-w-sp-25 {
    max-width: 25% !important;
  }
  .u-w-sp-50 {
    width: 50% !important;
  }
  .u-max-w-sp-50 {
    max-width: 50% !important;
  }
  .u-w-sp-75 {
    width: 75% !important;
  }
  .u-max-w-sp-75 {
    max-width: 75% !important;
  }
  .u-w-sp-100 {
    width: 100% !important;
  }
  .u-max-w-sp-100 {
    max-width: 100% !important;
  }
  .u-h-sp-25 {
    height: 25% !important;
  }
  .u-max-h-sp-25 {
    max-height: 25% !important;
  }
  .u-h-sp-50 {
    height: 50% !important;
  }
  .u-max-h-sp-50 {
    max-height: 50% !important;
  }
  .u-h-sp-75 {
    height: 75% !important;
  }
  .u-max-h-sp-75 {
    max-height: 75% !important;
  }
  .u-h-sp-100 {
    height: 100% !important;
  }
  .u-max-h-sp-100 {
    max-height: 100% !important;
  }
  .u-min-w-sp-0 {
    min-width: 0;
  }
}
.u-m-0,
.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}
.u-m-0,
.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}
.u-m-0,
.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important;
}
.u-m-0,
.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}
.u-mt-200,
.u-my-200 {
  margin-top: 0.40625rem !important;
}
.u-mr-200,
.u-mx-200 {
  margin-right: 0.25rem !important;
}
.u-mb-200,
.u-my-200 {
  margin-bottom: 0.40625rem !important;
}
.u-ml-200,
.u-mx-200 {
  margin-left: 0.25rem !important;
}
.u-mt-300,
.u-my-300 {
  margin-top: 0.8125rem !important;
}
.u-mr-300,
.u-mx-300 {
  margin-right: 0.5rem !important;
}
.u-mb-300,
.u-my-300 {
  margin-bottom: 0.8125rem !important;
}
.u-ml-300,
.u-mx-300 {
  margin-left: 0.5rem !important;
}
.u-mt-400,
.u-my-400 {
  margin-top: 1.21875rem !important;
}
.u-mr-400 {
  margin-right: 0.75rem !important;
}
.u-mb-400,
.u-my-400 {
  margin-bottom: 1.21875rem !important;
}
.u-ml-400 {
  margin-left: 0.75rem !important;
}
.u-mt-500,
.u-my-500 {
  margin-top: 1.625rem !important;
}
.u-mr-500,
.u-mx-500 {
  margin-right: 1rem !important;
}
.u-mb-500,
.u-my-500 {
  margin-bottom: 1.625rem !important;
}
.u-ml-500,
.u-mx-500 {
  margin-left: 1rem !important;
}
.u-mt-600 {
  margin-top: 3.25rem !important;
}
.u-mb-600 {
  margin-bottom: 3.25rem !important;
}
.u-ml-600 {
  margin-left: 2rem !important;
}
.u-mr-700 {
  margin-right: 3rem !important;
}
.u-mb-700 {
  margin-bottom: 4.875rem !important;
}
.u-p-0,
.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}
.u-p-0,
.u-px-0 {
  padding-right: 0 !important;
}
.u-p-0,
.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}
.u-p-0,
.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}
.u-p-200,
.u-pt-200,
.u-py-200 {
  padding-top: 0.40625rem !important;
}
.u-p-200,
.u-px-200 {
  padding-right: 0.25rem !important;
}
.u-p-200,
.u-pb-200,
.u-py-200 {
  padding-bottom: 0.40625rem !important;
}
.u-p-200,
.u-pl-200,
.u-px-200 {
  padding-left: 0.25rem !important;
}
.u-p-300,
.u-pt-300,
.u-py-300 {
  padding-top: 0.8125rem !important;
}
.u-p-300,
.u-pr-300 {
  padding-right: 0.5rem !important;
}
.u-p-300,
.u-pb-300,
.u-py-300 {
  padding-bottom: 0.8125rem !important;
}
.u-p-300,
.u-pl-300 {
  padding-left: 0.5rem !important;
}
.u-p-400,
.u-pt-400,
.u-py-400 {
  padding-top: 1.21875rem !important;
}
.u-p-400,
.u-px-400 {
  padding-right: 0.75rem !important;
}
.u-p-400,
.u-pb-400,
.u-py-400 {
  padding-bottom: 1.21875rem !important;
}
.u-p-400,
.u-pl-400,
.u-px-400 {
  padding-left: 0.75rem !important;
}
.u-pt-500,
.u-py-500 {
  padding-top: 1.625rem !important;
}
.u-pr-500,
.u-px-500 {
  padding-right: 1rem !important;
}
.u-pb-500,
.u-py-500 {
  padding-bottom: 1.625rem !important;
}
.u-pl-500,
.u-px-500 {
  padding-left: 1rem !important;
}
.u-pt-600 {
  padding-top: 3.25rem !important;
}
.u-px-600 {
  padding-right: 2rem !important;
}
.u-pb-600 {
  padding-bottom: 3.25rem !important;
}
.u-pl-600,
.u-px-600 {
  padding-left: 2rem !important;
}
.u-pt-700 {
  padding-top: 4.875rem !important;
}
.u-pb-700 {
  padding-bottom: 4.875rem !important;
}
.u-pl-700 {
  padding-left: 3rem !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-m-0,
  .u-mt-0,
  .u-my-0 {
    margin-top: 0 !important;
  }
  .u-m-0,
  .u-mr-0,
  .u-mx-0 {
    margin-right: 0 !important;
  }
  .u-m-0,
  .u-mb-0,
  .u-my-0 {
    margin-bottom: 0 !important;
  }
  .u-m-0,
  .u-ml-0,
  .u-mx-0 {
    margin-left: 0 !important;
  }
  .u-mt-200,
  .u-my-200 {
    margin-top: 0.34375rem !important;
  }
  .u-mr-200,
  .u-mx-200 {
    margin-right: 1.0666666667% !important;
  }
  .u-mb-200,
  .u-my-200 {
    margin-bottom: 0.34375rem !important;
  }
  .u-ml-200,
  .u-mx-200 {
    margin-left: 1.0666666667% !important;
  }
  .u-mt-300,
  .u-my-300 {
    margin-top: 0.6875rem !important;
  }
  .u-mr-300,
  .u-mx-300 {
    margin-right: 2.1333333333% !important;
  }
  .u-mb-300,
  .u-my-300 {
    margin-bottom: 0.6875rem !important;
  }
  .u-ml-300,
  .u-mx-300 {
    margin-left: 2.1333333333% !important;
  }
  .u-mt-400,
  .u-my-400 {
    margin-top: 1.03125rem !important;
  }
  .u-mr-400 {
    margin-right: 3.2% !important;
  }
  .u-mb-400,
  .u-my-400 {
    margin-bottom: 1.03125rem !important;
  }
  .u-ml-400 {
    margin-left: 3.2% !important;
  }
  .u-mt-500,
  .u-my-500 {
    margin-top: 1.375rem !important;
  }
  .u-mr-500,
  .u-mx-500 {
    margin-right: 4.2666666667% !important;
  }
  .u-mb-500,
  .u-my-500 {
    margin-bottom: 1.375rem !important;
  }
  .u-ml-500,
  .u-mx-500 {
    margin-left: 4.2666666667% !important;
  }
  .u-mt-600 {
    margin-top: 2.75rem !important;
  }
  .u-mb-600 {
    margin-bottom: 2.75rem !important;
  }
  .u-ml-600 {
    margin-left: 8.5333333333% !important;
  }
  .u-mr-700 {
    margin-right: 12.8% !important;
  }
  .u-mb-700 {
    margin-bottom: 4.125rem !important;
  }
  .u-p-0,
  .u-pt-0,
  .u-py-0 {
    padding-top: 0 !important;
  }
  .u-p-0,
  .u-px-0 {
    padding-right: 0 !important;
  }
  .u-p-0,
  .u-pb-0,
  .u-py-0 {
    padding-bottom: 0 !important;
  }
  .u-p-0,
  .u-pl-0,
  .u-px-0 {
    padding-left: 0 !important;
  }
  .u-p-200,
  .u-pt-200,
  .u-py-200 {
    padding-top: 0.34375rem !important;
  }
  .u-p-200,
  .u-px-200 {
    padding-right: 1.0666666667% !important;
  }
  .u-p-200,
  .u-pb-200,
  .u-py-200 {
    padding-bottom: 0.34375rem !important;
  }
  .u-p-200,
  .u-pl-200,
  .u-px-200 {
    padding-left: 1.0666666667% !important;
  }
  .u-p-300,
  .u-pt-300,
  .u-py-300 {
    padding-top: 0.6875rem !important;
  }
  .u-p-300,
  .u-pr-300 {
    padding-right: 2.1333333333% !important;
  }
  .u-p-300,
  .u-pb-300,
  .u-py-300 {
    padding-bottom: 0.6875rem !important;
  }
  .u-p-300,
  .u-pl-300 {
    padding-left: 2.1333333333% !important;
  }
  .u-p-400,
  .u-pt-400,
  .u-py-400 {
    padding-top: 1.03125rem !important;
  }
  .u-p-400,
  .u-px-400 {
    padding-right: 3.2% !important;
  }
  .u-p-400,
  .u-pb-400,
  .u-py-400 {
    padding-bottom: 1.03125rem !important;
  }
  .u-p-400,
  .u-pl-400,
  .u-px-400 {
    padding-left: 3.2% !important;
  }
  .u-pt-500,
  .u-py-500 {
    padding-top: 1.375rem !important;
  }
  .u-pr-500,
  .u-px-500 {
    padding-right: 4.2666666667% !important;
  }
  .u-pb-500,
  .u-py-500 {
    padding-bottom: 1.375rem !important;
  }
  .u-pl-500,
  .u-px-500 {
    padding-left: 4.2666666667% !important;
  }
  .u-pt-600 {
    padding-top: 2.75rem !important;
  }
  .u-px-600 {
    padding-right: 8.5333333333% !important;
  }
  .u-pb-600 {
    padding-bottom: 2.75rem !important;
  }
  .u-pl-600,
  .u-px-600 {
    padding-left: 8.5333333333% !important;
  }
  .u-pt-700 {
    padding-top: 4.125rem !important;
  }
  .u-pb-700 {
    padding-bottom: 4.125rem !important;
  }
  .u-m-sp-0,
  .u-mt-sp-0,
  .u-my-sp-0 {
    margin-top: 0 !important;
  }
  .u-m-sp-0,
  .u-mr-sp-0,
  .u-mx-sp-0 {
    margin-right: 0 !important;
  }
  .u-m-sp-0,
  .u-mb-sp-0,
  .u-my-sp-0 {
    margin-bottom: 0 !important;
  }
  .u-m-sp-0,
  .u-ml-sp-0,
  .u-mx-sp-0 {
    margin-left: 0 !important;
  }
  .u-m-sp-200,
  .u-mt-sp-200,
  .u-my-sp-200 {
    margin-top: 0.34375rem !important;
  }
  .u-m-sp-200,
  .u-mr-sp-200,
  .u-mx-sp-200 {
    margin-right: 1.0666666667% !important;
  }
  .u-m-sp-200,
  .u-mb-sp-200,
  .u-my-sp-200 {
    margin-bottom: 0.34375rem !important;
  }
  .u-m-sp-200,
  .u-ml-sp-200,
  .u-mx-sp-200 {
    margin-left: 1.0666666667% !important;
  }
  .u-m-sp-300,
  .u-mt-sp-300,
  .u-my-sp-300 {
    margin-top: 0.6875rem !important;
  }
  .u-m-sp-300,
  .u-mr-sp-300,
  .u-mx-sp-300 {
    margin-right: 2.1333333333% !important;
  }
  .u-m-sp-300,
  .u-mb-sp-300,
  .u-my-sp-300 {
    margin-bottom: 0.6875rem !important;
  }
  .u-m-sp-300,
  .u-ml-sp-300,
  .u-mx-sp-300 {
    margin-left: 2.1333333333% !important;
  }
  .u-m-sp-400,
  .u-mt-sp-400,
  .u-my-sp-400 {
    margin-top: 1.03125rem !important;
  }
  .u-m-sp-400,
  .u-mr-sp-400,
  .u-mx-sp-400 {
    margin-right: 3.2% !important;
  }
  .u-m-sp-400,
  .u-mb-sp-400,
  .u-my-sp-400 {
    margin-bottom: 1.03125rem !important;
  }
  .u-m-sp-400,
  .u-ml-sp-400,
  .u-mx-sp-400 {
    margin-left: 3.2% !important;
  }
  .u-m-sp-500,
  .u-mt-sp-500,
  .u-my-sp-500 {
    margin-top: 1.375rem !important;
  }
  .u-m-sp-500,
  .u-mr-sp-500,
  .u-mx-sp-500 {
    margin-right: 4.2666666667% !important;
  }
  .u-m-sp-500,
  .u-mb-sp-500,
  .u-my-sp-500 {
    margin-bottom: 1.375rem !important;
  }
  .u-m-sp-500,
  .u-ml-sp-500,
  .u-mx-sp-500 {
    margin-left: 4.2666666667% !important;
  }
  .u-m-sp-600,
  .u-mt-sp-600,
  .u-my-sp-600 {
    margin-top: 2.75rem !important;
  }
  .u-m-sp-600,
  .u-mr-sp-600,
  .u-mx-sp-600 {
    margin-right: 8.5333333333% !important;
  }
  .u-m-sp-600,
  .u-mb-sp-600,
  .u-my-sp-600 {
    margin-bottom: 2.75rem !important;
  }
  .u-m-sp-600,
  .u-ml-sp-600,
  .u-mx-sp-600 {
    margin-left: 8.5333333333% !important;
  }
  .u-m-sp-700,
  .u-mt-sp-700,
  .u-my-sp-700 {
    margin-top: 4.125rem !important;
  }
  .u-m-sp-700,
  .u-mr-sp-700,
  .u-mx-sp-700 {
    margin-right: 12.8% !important;
  }
  .u-m-sp-700,
  .u-mb-sp-700,
  .u-my-sp-700 {
    margin-bottom: 4.125rem !important;
  }
  .u-m-sp-700,
  .u-ml-sp-700,
  .u-mx-sp-700 {
    margin-left: 12.8% !important;
  }
  .u-p-sp-0,
  .u-pt-sp-0,
  .u-py-sp-0 {
    padding-top: 0 !important;
  }
  .u-p-sp-0,
  .u-pr-sp-0,
  .u-px-sp-0 {
    padding-right: 0 !important;
  }
  .u-p-sp-0,
  .u-pb-sp-0,
  .u-py-sp-0 {
    padding-bottom: 0 !important;
  }
  .u-p-sp-0,
  .u-pl-sp-0,
  .u-px-sp-0 {
    padding-left: 0 !important;
  }
  .u-p-sp-200,
  .u-pt-sp-200,
  .u-py-sp-200 {
    padding-top: 0.34375rem !important;
  }
  .u-p-sp-200,
  .u-pr-sp-200,
  .u-px-sp-200 {
    padding-right: 1.0666666667% !important;
  }
  .u-p-sp-200,
  .u-pb-sp-200,
  .u-py-sp-200 {
    padding-bottom: 0.34375rem !important;
  }
  .u-p-sp-200,
  .u-pl-sp-200,
  .u-px-sp-200 {
    padding-left: 1.0666666667% !important;
  }
  .u-p-sp-300,
  .u-pt-sp-300,
  .u-py-sp-300 {
    padding-top: 0.6875rem !important;
  }
  .u-p-sp-300,
  .u-pr-sp-300,
  .u-px-sp-300 {
    padding-right: 2.1333333333% !important;
  }
  .u-p-sp-300,
  .u-pb-sp-300,
  .u-py-sp-300 {
    padding-bottom: 0.6875rem !important;
  }
  .u-p-sp-300,
  .u-pl-sp-300,
  .u-px-sp-300 {
    padding-left: 2.1333333333% !important;
  }
  .u-p-sp-400,
  .u-pt-sp-400,
  .u-py-sp-400 {
    padding-top: 1.03125rem !important;
  }
  .u-p-sp-400,
  .u-pr-sp-400,
  .u-px-sp-400 {
    padding-right: 3.2% !important;
  }
  .u-p-sp-400,
  .u-pb-sp-400,
  .u-py-sp-400 {
    padding-bottom: 1.03125rem !important;
  }
  .u-p-sp-400,
  .u-pl-sp-400,
  .u-px-sp-400 {
    padding-left: 3.2% !important;
  }
  .u-p-sp-500,
  .u-pt-sp-500,
  .u-py-sp-500 {
    padding-top: 1.375rem !important;
  }
  .u-p-sp-500,
  .u-pr-sp-500,
  .u-px-sp-500 {
    padding-right: 4.2666666667% !important;
  }
  .u-p-sp-500,
  .u-pb-sp-500,
  .u-py-sp-500 {
    padding-bottom: 1.375rem !important;
  }
  .u-p-sp-500,
  .u-pl-sp-500,
  .u-px-sp-500 {
    padding-left: 4.2666666667% !important;
  }
  .u-p-sp-600,
  .u-pt-sp-600,
  .u-py-sp-600 {
    padding-top: 2.75rem !important;
  }
  .u-p-sp-600,
  .u-pr-sp-600,
  .u-px-sp-600 {
    padding-right: 8.5333333333% !important;
  }
  .u-p-sp-600,
  .u-pb-sp-600,
  .u-py-sp-600 {
    padding-bottom: 2.75rem !important;
  }
  .u-p-sp-600,
  .u-pl-sp-600,
  .u-px-sp-600 {
    padding-left: 8.5333333333% !important;
  }
  .u-p-sp-700,
  .u-pt-sp-700,
  .u-py-sp-700 {
    padding-top: 4.125rem !important;
  }
  .u-p-sp-700,
  .u-pr-sp-700,
  .u-px-sp-700 {
    padding-right: 12.8% !important;
  }
  .u-p-sp-700,
  .u-pb-sp-700,
  .u-py-sp-700 {
    padding-bottom: 4.125rem !important;
  }
  .u-p-sp-700,
  .u-pl-sp-700,
  .u-px-sp-700 {
    padding-left: 12.8% !important;
  }
}
.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}
.u-mx-auto {
  margin-left: auto !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-m-sp-auto {
    margin: auto !important;
  }
  .u-mt-sp-auto,
  .u-my-sp-auto {
    margin-top: auto !important;
  }
  .u-mr-sp-auto,
  .u-mx-sp-auto {
    margin-right: auto !important;
  }
  .u-mb-sp-auto,
  .u-my-sp-auto {
    margin-bottom: auto !important;
  }
  .u-ml-sp-auto,
  .u-mx-sp-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 737px) {
  .u-m-pc-auto {
    margin: auto !important;
  }
  .u-mt-pc-auto,
  .u-my-pc-auto {
    margin-top: auto !important;
  }
  .u-mr-pc-auto,
  .u-mx-pc-auto {
    margin-right: auto !important;
  }
  .u-mb-pc-auto,
  .u-my-pc-auto {
    margin-bottom: auto !important;
  }
  .u-ml-pc-auto,
  .u-mx-pc-auto {
    margin-left: auto !important;
  }
}
.u-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-text-line-clamp-2 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
}
.u-text-line-clamp-2 {
  -webkit-line-clamp: 2;
}
.u-text-line-clamp-3 {
  -webkit-line-clamp: 3;
}
.u-text-line-clamp-3 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
}
.u-text-nowrap {
  white-space: nowrap !important;
}
.u-text-wrap {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
.u-fw-normal {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
.u-fw-bold {
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 600;
}
.u-text-center {
  text-align: center !important;
}
.u-text-left {
  text-align: left !important;
}
.u-text-right {
  text-align: right !important;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-text-sp-center {
    text-align: center !important;
  }
  .u-text-sp-left {
    text-align: left !important;
  }
  .u-text-sp-right {
    text-align: right !important;
  }
}
.u-tpg-title1 {
  font-size: 1.5625rem;
  line-height: 1.56;
}
.u-tpg-title2 {
  font-size: 1.3125rem;
  line-height: 1.5238095238;
}
.u-tpg-title3 {
  font-size: 1rem;
  line-height: 1.625;
}
.u-tpg-label,
.u-tpg-title4 {
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.u-tpg-headline {
  font-size: 1.125rem;
  line-height: 1.3888888889;
}
.u-tpg-slight-body {
  font-size: 0.9375rem;
  line-height: 1.6666666667;
}
.u-tpg-body1 {
  font-size: 1rem;
  line-height: 1.625;
}
.u-tpg-body2 {
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.u-tpg-caption1,
.u-tpg-footnote {
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  font-feature-settings: 'palt';
}
.u-tpg-caption2 {
  font-size: 0.75rem;
  line-height: 1.5;
  font-feature-settings: 'palt';
}
@media screen and (min-width: 737px) {
  .u-tpg-multiline {
    font-size: 1rem;
    line-height: 1.375;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .u-tpg-title1 {
    font-size: 1.3125rem;
    line-height: 1.3333333333;
  }
  .u-tpg-headline,
  .u-tpg-title2 {
    font-size: 1.125rem;
    line-height: 1.4444444444;
  }
  .u-tpg-title3 {
    line-height: 1.375;
  }
  .u-tpg-slight-body {
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
  .u-tpg-caption1 {
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .u-tpg-caption2 {
    font-size: 0.6875rem;
    line-height: 1.5454545455;
  }
}
.u-text-label {
  color: #171d26 !important;
}
.u-text-default {
  color: #252f3d !important;
}
.u-text-reverse {
  color: #fff !important;
}
.u-text-primary {
  color: #ff5c67 !important;
}
.u-text-secondary {
  color: #5ccbd2 !important;
}
.u-text-gray-100 {
  color: #b9c1ca !important;
}
.u-text-gray-200 {
  color: #96a2b0 !important;
}
.u-text-gray-300 {
  color: #7f8d9f !important;
}
.u-text-gray-500 {
  color: #505c6b !important;
}
.u-text-gray-600 {
  color: #3d4651 !important;
}
.u-text-calm {
  color: #59bff1 !important;
}
.u-text-assertive {
  color: #de3f3a !important;
}
.u-invisible {
  visibility: hidden !important;
}
#shop_default .page-wrap p {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 400;
}
#shop_default .page-wrap .cmd-label,
#shop_default .page-wrap .description,
#shop_default .page-wrap .item-name,
#shop_default .page-wrap .variation-name,
#shop_default .page-wrap p {
  word-break: break-word;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
#shop_default .page-wrap .item-list .item-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#shop_default .page-wrap .price {
  font-size: 1.125rem;
}
#shop_default .page-wrap .number {
  text-align: right;
}
#shop_default .page-wrap .alert {
  color: #de3f3a;
  background-color: transparent;
}
#shop_default .page-wrap .msg .alert {
  color: #c42621;
}
#shop_default .page-wrap .notice {
  color: #121a29;
}
#shop_default .page-wrap .empty-stock,
#shop_default .page-wrap .small-stock {
  opacity: 0.9;
}
#shop_default .page-wrap .btn {
  margin-top: 5px;
  color: #fff;
}
#shop_default .page-wrap .btn + .btn {
  margin-left: 1em;
}
#shop_default .page-wrap .btn.add-cart,
#shop_default .page-wrap .btn.add-request,
#shop_default .page-wrap .btn.remove-request {
  margin-left: auto;
  margin-right: auto;
  padding: 0.9rem 1.9rem;
  border-radius: 3.3rem;
  outline: none;
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#shop_default .page-wrap .btn.add-cart,
#shop_default .page-wrap .btn.add-cart-negative {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  min-width: 256px;
}
#shop_default .page-wrap .btn.add-cart-negative {
  padding: 0.9rem 1.9rem;
  border-radius: 29px;
  background-color: hsla(0, 0%, 100%, 0.5);
  border: 2px solid;
}
#shop_default .page-wrap .add-gift {
  border-radius: 29px;
  padding: 0.9rem 1.9rem !important;
}
#shop_default .page-wrap .btn.back {
  background: #e0e0e0;
  color: #999;
}
#shop_default .page-wrap .btn.back:hover {
  background: #c7c9d1;
  color: #fff;
}
#shop_default .page-wrap .btn.disabled {
  background: #666;
  opacity: 0.2;
  color: #fff;
}
#shop_default .page-wrap .btn.add-request,
#shop_default .page-wrap .btn.remove-request {
  font-size: 0.8125rem;
}
#shop_default .page-wrap .btn.add-request {
  background: #e0e0e0;
  color: #333 !important;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.8);
}
#shop_default .page-wrap .btn.add-request:hover {
  background: #e8e8e8;
}
#shop_default .page-wrap .btn.remove-request {
  color: #fff !important;
  background: #cfd1d8;
  box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.8);
}
#shop_default .page-wrap .ctrl-nav .btn {
  margin-top: 0;
}
#shop_default .page-wrap a.btn [class*=' icon-'],
#shop_default .page-wrap a.btn [class^='icon-'] {
  height: 1em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .btn.add-cart,
  #shop_default .page-wrap .btn.added-cart {
    box-sizing: border-box;
    padding: 0.625rem 1.9rem;
    vertical-align: middle;
  }
  #shop_default .page-wrap .btn.not-display-smartphone {
    display: none;
  }
  #shop_default .page-wrap .add-gift {
    box-sizing: border-box;
    padding: 0.625rem 1.9rem !important;
    vertical-align: middle;
  }
}
#shop_default .page-wrap .more_items_head {
  margin: 8px 0 0;
}
#shop_default .page-wrap .item-list-wrapper {
  margin: 40px 0 20px;
  border-radius: 7px;
  border: 1px solid;
  position: relative;
}
#shop_default .page-wrap .item-list-wrapper:after {
  content: '';
  clear: both;
  display: block;
}
#shop_default .page-wrap .item-list-wrapper .item-list {
  width: 962px;
  margin: 0 -28px 0 0;
}
#shop_default .page-wrap .item-list-wrapper-mobile {
  margin-top: 0;
  border-radius: 0;
  border: 0;
}
#shop_default .page-wrap .item-list-wrapper-mobile .item-list {
  width: 100%;
}
#shop_default .page-wrap #more_items {
  text-align: center;
}
#shop_default .page-wrap #more_items .items {
  width: 843px;
  padding: 0 30px;
  margin: 0 auto;
}
#shop_default .page-wrap #more_items .more-item {
  width: 142px !important;
  padding: 8px;
  vertical-align: top;
}
#shop_default .page-wrap #more_items .thumb,
#shop_default .page-wrap #more_items .thumb-alert,
#shop_default .page-wrap #more_items .thumb-alert img,
#shop_default .page-wrap #more_items .thumb img {
  width: 140px;
  height: 140px;
}
#shop_default .page-wrap #more_items .thumb-alert {
  padding: 0;
}
#shop_default .page-wrap #more_items .item-head {
  padding: 6px 8px;
}
#shop_default .page-wrap #more_items .slick-track {
  display: flex;
}
#shop_default .page-wrap #more_items .slick-track .slick-slide {
  height: auto;
  justify-content: center;
  display: flex;
}
#shop_default .page-wrap #more_items .slick-track .slick-slide > div {
  display: flex;
}
#shop_default .page-wrap #more_items h2.item-name {
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
#shop_default .page-wrap #more_items span.price {
  font-size: 0.8rem;
}
#shop_default .page-wrap #more_items .slidesjs-pagination {
  padding: 0;
  list-style: none;
  list-style-image: none;
  margin: 0 auto;
}
#shop_default .page-wrap #more_items .category-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.2em;
  font-size: 0.6875rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap #more_items_phone {
    width: 100%;
    text-align: center;
  }
  #shop_default .page-wrap #more_items_phone a.more-item {
    display: inline-grid;
    width: 137px;
    padding: 8px;
    vertical-align: top;
  }
  #shop_default .page-wrap #more_items_phone img.thumb-alert {
    padding: 0;
  }
  #shop_default .page-wrap #more_items_phone .thumb,
  #shop_default .page-wrap #more_items_phone .thumb-alert {
    width: 137px;
    height: 135px;
  }
  #shop_default .page-wrap #more_items_phone .thumb-alert img,
  #shop_default .page-wrap #more_items_phone .thumb img {
    width: 135px;
    height: 135px;
  }
  #shop_default .page-wrap #more_items_phone .item-head {
    width: 137px;
  }
  #shop_default .page-wrap #more_items_phone h2.item-name {
    font-size: 0.875rem;
  }
  #shop_default .page-wrap #more_items_phone span.price {
    font-size: 0.8rem;
    text-align: left;
  }
  #shop_default .page-wrap #more_items_phone .category-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.2em;
    font-size: 0.625rem;
  }
  #shop_default .page-wrap #more_items {
    width: 100%;
    margin-left: 0;
  }
}
#shop_default .page-wrap .thumb {
  width: 288px;
  height: 384px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .thumb {
    width: 146px;
    height: 194.6666666667px;
  }
}
#shop_default .page-wrap .tn-l {
  width: 288px;
  height: 288px;
}
#shop_default .page-wrap .tn-m {
  width: 192px;
  height: 192px;
}
#shop_default .page-wrap .tn-2s {
  width: 146px;
  height: 146px;
}
#shop_default .page-wrap .tn-s {
  width: 72px;
  height: 72px;
}
#shop_default .page-wrap .btn {
  transition: all 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.theme-shop-page-body {
  background-color: #fafafa;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  font-line-height: 1.5;
}
#shop_default .page-wrap {
  background-color: transparent;
}
#shop_default .page-wrap .layout-wrap {
  width: 962px;
  margin: 0 auto;
}
#shop_default .page-wrap .container {
  box-sizing: border-box;
  width: 100%;
}
#shop_default footer.layout-wrap.l-shop-footer {
  padding-bottom: 40px;
  margin-top: 1.625rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .layout-wrap {
    width: 100%;
    padding: 0;
  }
  #shop_default footer.layout-wrap.l-shop-footer {
    border-width: 1px 0;
    margin-top: 0;
    padding: 0 0 4.2666666667%;
  }
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  #shop_default .page-wrap h1 {
    font-size: 2rem;
    position: relative;
    font-family: Segoe UI semilight, Helvetica Neue Light, Helvetica Light, Helvetica Neue, arial,
      ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  }
}
#shop_default .page-wrap .wrapper {
  overflow: hidden;
  zoom: 1;
}
#shop_default .page-wrap #error_explanation {
  background: hsla(0, 0%, 100%, 0.96);
  padding: 8px;
}
#shop_default .page-wrap #error_explanation h3 {
  margin: 26px 0;
  color: #e74a31;
}
#shop_default .page-wrap .container.new-arrivals {
  margin: 0 auto;
}
#shop_default .page-wrap nav[role='navigation'] {
  border-top: 1px solid;
  min-height: 61px;
}
#shop_default .page-wrap .head-image-container {
  line-height: 0;
  font-size: 0;
}
#shop_default .page-wrap .head-image-anchor {
  display: block;
}
#shop_default .page-wrap .head-image-anchor:hover .shop-name {
  text-decoration: underline;
}
#shop_default .page-wrap .shop-head {
  margin: 0 auto 40px;
  position: relative;
}
#shop_default .page-wrap .shop-head .booth-title {
  word-wrap: break-word;
  width: 816px;
  margin: 0 auto;
  padding: 1em 2em;
  font-size: 2.25rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  border-width: 0 1px;
}
#shop_default .page-wrap .shop-head .booth-title .header-image {
  display: none;
  border: none;
  max-width: 960px;
}
#shop_default .page-wrap .shop-head .booth-title.has-image {
  line-height: 1;
  padding: 0;
  width: 960px;
}
#shop_default .page-wrap .shop-head .booth-title.has-image .header-image {
  display: block;
  margin: 0 auto;
}
#shop_default .page-wrap .shop-head .booth-title.has-image .head-image-container.no-display:after {
  display: none;
}
#shop_default .page-wrap .shop-head .booth-title.has-image .head-image-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 55%, rgba(0, 0, 0, 0.5));
}
#shop_default .page-wrap .shop-head .booth-title .shop-name {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  padding-left: 179px;
  box-sizing: border-box;
}
#shop_default .page-wrap .shop-head .booth-title .shop-name .shop-name-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  margin-right: 6px;
}
#shop_default .page-wrap .shop-head .booth-title .shop-name .shop-name-label.no-display {
  display: inline-block;
  margin-right: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-head .booth-title .shop-name .shop-name-label {
    height: 1em;
  }
}
#shop_default .page-wrap .shop-head .edit-this-item__button {
  margin: 0;
  border: 1px solid;
}
#shop_default .page-wrap .thumb {
  position: relative;
}
#shop_default .page-wrap .thumb .thumb-inside {
  line-height: 0;
}
#shop_default .page-wrap .thumb img {
  width: 100%;
  pointer-events: none;
}
#shop_default .page-wrap .thumb img.thumb-alert {
  padding: 0;
}
#shop_default .page-wrap .thumb .swap-image {
  -o-object-fit: contain;
  object-fit: contain;
}
#shop_default .page-wrap .thumb .swap-image img {
  height: 100%;
}
#shop_default .page-wrap .thumb .swap-image-loader {
  background-color: #c7c9d1;
  background-repeat: repeat-x;
  background-size: 40px 40px;
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.3) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.3) 0,
    hsla(0, 0%, 100%, 0.3) 75%,
    transparent 0,
    transparent
  );
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.14902);
  animation: progress-bar-stripe 1s linear infinite;
}
#shop_default .page-wrap .item-list {
  padding: 0;
  list-style: none;
  list-style-image: none;
  margin: 0 -28px -22px 0;
  font-size: 0;
  text-align: left;
}
#shop_default .page-wrap .item-list a {
  text-decoration: none;
}
#shop_default .page-wrap .item-list .item {
  display: inline-block;
  box-sizing: border-box;
  width: 302px;
  margin: 0 28px 27px 0;
  font-size: 1rem;
  vertical-align: top;
}
#shop_default .page-wrap .item-list .thumb {
  height: 300px;
  width: 300px;
  background: none;
}
#shop_default .page-wrap .item-list .thumb img {
  transition: all 0.2s ease-out;
  border-radius: 7px 7px 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
}
#shop_default .page-wrap .item-list .item-head {
  transition: all 0.2s ease-out;
  padding: 12px 17px;
  text-align: left;
  border-radius: 0 0 7px 7px;
  border-style: solid;
  border-width: 0 1px 1px;
}
#shop_default .page-wrap .item-list .item-category {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.3em;
  font-size: 0.75rem;
}
#shop_default .page-wrap .item-list .item-name {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
}
#shop_default .page-wrap .item-list .price {
  float: left;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
#shop_default .page-wrap .item-list .btn {
  margin-top: 8px;
}
#shop_default .page-wrap .state-private {
  padding: 8px;
  text-align: center;
  background: #e74a31;
  color: #fff;
}
#shop_default .page-wrap .state-private strong {
  color: #fff;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .state-private a {
  color: #fcd !important;
  font-size: 12px;
}
#shop_default .page-wrap .description {
  border-top: 1px solid;
  clear: both;
}
#shop_default .page-wrap .description a {
  text-decoration: none;
}
#shop_default .page-wrap .description a:hover {
  text-decoration: underline;
}
#shop_default .page-wrap .booth-description {
  word-wrap: break-word;
  white-space: pre-line;
  padding: 17px 22px 16px;
  font-size: 0.9375rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .booth-description {
    padding: 17px 18px;
  }
}
#shop_default .page-wrap .pixiv {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
}
#shop_default .page-wrap .pixiv:hover {
  display: block;
}
#shop_default .page-wrap .pixiv i {
  position: absolute;
  top: 7px;
  left: 8px;
  z-index: 1;
  font-size: 30px;
  color: #0096fa;
}
#shop_default .page-wrap .header-round-bottom {
  border-radius: 0 0 7px 7px;
  border-width: 0 1px 1px;
  border-style: solid;
  clear: both;
  height: 10000px;
  width: 960px;
  position: absolute;
  bottom: -1px;
  z-index: -1;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .header-round-bottom {
    border-radius: 0;
    border-width: 0 0 1px;
    width: 100%;
  }
}
#shop_default .page-wrap .msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 26px 32px;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#shop_default .page-wrap .msg.show {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
#shop_default .page-wrap .msg p {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 600px;
  padding: 26px 32px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px 0 0 0 1px rgba(0, 0, 0, 0.13) rgba(0, 0, 0, 0.05);
}
#shop_default .page-wrap .section-head {
  display: inline-block;
}
#shop_default .page-wrap section:first-child .section-head {
  margin-top: 0;
}
#shop_default .page-wrap .banner--type-attending-exhibition {
  margin-bottom: 40px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .banner--type-attending-exhibition {
    margin: 14px 10px 2px;
  }
}
#shop_default .page-wrap .badge {
  margin: 0.3em 0.3em 0;
  border: none;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .badge.adult {
  background: #e74a31;
  color: #fff;
}
#shop_default .page-wrap .badge.event {
  max-width: 100%;
}
#shop_default .page-wrap .badge.shipping_from_owner {
  color: #999;
  border: 1px solid #999;
  background: none;
}
#shop_default .page-wrap .shop-pager {
  text-align: center;
  margin-top: 1em;
  padding: 0;
}
#shop_default .page-wrap .shop-pager ol,
#shop_default .page-wrap .shop-pager ul {
  display: inline-table;
  vertical-align: bottom;
}
#shop_default .page-wrap .shop-pager ol > li,
#shop_default .page-wrap .shop-pager ul > li {
  display: table-cell;
  vertical-align: bottom;
}
#shop_default .page-wrap .shop-pager ol .nav-item,
#shop_default .page-wrap .shop-pager ul .nav-item {
  display: block;
}
#shop_default .page-wrap .shop-pager nav {
  border: none;
}
#shop_default .page-wrap .shop-pager ul {
  padding: 0;
}
#shop_default .page-wrap .shop-pager li {
  padding: 0 0.5em;
  background: none;
}
#shop_default .page-wrap .shop-pager li.current {
  opacity: 0.5;
}
#shop_default .page-wrap .shop-pager li:hover .nav-item {
  color: #fafafa;
}
#shop_default .page-wrap .shop-pager a.nav-item {
  min-width: 38px;
  border: none;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  border-radius: 40px;
  line-height: 18px;
}
#shop_default .page-wrap .shop-pager .page.gap {
  margin-left: 0.5em;
  padding-top: 9px;
  padding-bottom: 9px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-pager {
    margin: 0 0 1em;
    padding: 0;
  }
  #shop_default .page-wrap .shop-pager ul {
    margin: 0;
  }
  #shop_default .page-wrap .shop-pager li {
    padding: 0;
  }
  #shop_default .page-wrap .shop-pager li a {
    margin: 6px 5px 15px;
  }
  #shop_default .page-wrap .shop-pager li .nav-item {
    display: none;
    font-size: 1em;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 300;
  }
  #shop_default .page-wrap .shop-pager li.current .nav-item,
  #shop_default .page-wrap .shop-pager li .pager-last-page,
  #shop_default .page-wrap .shop-pager li:first-child + li [rel='prev'],
  #shop_default .page-wrap .shop-pager li:first-child .nav-item,
  #shop_default .page-wrap .shop-pager li:last-child .nav-item,
  #shop_default .page-wrap .shop-pager li [rel='next'] {
    display: block;
  }
  #shop_default .page-wrap .shop-pager li.current + li {
    display: none !important;
  }
  #shop_default .page-wrap .shop-pager .page.gap {
    display: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .section-head {
    margin: 26px 0 0;
    line-height: 1.3;
  }
  #shop_default .page-wrap .head-image-anchor {
    position: relative;
  }
  #shop_default .page-wrap .shop-head {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #shop_default .page-wrap .shop-head .booth-title {
    margin-top: 52px;
    padding: 0;
    font-size: 1.3125rem;
    border: none !important;
    width: 100%;
    border-bottom: 1px solid;
  }
  #shop_default .page-wrap .shop-head .booth-title .head-image-anchor {
    text-decoration: none;
  }
  #shop_default .page-wrap .shop-head .booth-title.has-image {
    margin-top: 0;
    width: 100%;
    border-bottom: none;
  }
  #shop_default .page-wrap .shop-head .booth-title.has-image .header-image {
    max-width: 100%;
  }
  #shop_default .page-wrap .shop-head .booth-title.has-image .head-image-anchor {
    min-height: auto;
  }
  #shop_default .page-wrap .shop-head .booth-title .shop-name {
    height: auto;
    padding-left: 114px;
    line-height: 1;
  }
  #shop_default .page-wrap .shop-head nav[role='navigation'] {
    min-height: auto;
  }
  #shop_default .page-wrap .shop-head .shop-head-ninckname {
    font-size: 0.875rem;
  }
  #shop_default .page-wrap .shop-head .description {
    border: none;
  }
  #shop_default .page-wrap .head-image-container {
    position: relative;
  }
  #shop_default .page-wrap .head-image-container:after {
    top: 41px;
    height: auto;
    bottom: 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.3) 66%, rgba(0, 0, 0, 0.6));
  }
  #shop_default .page-wrap .container.new-arrivals {
    padding: 0 5px 10px;
  }
  #shop_default .page-wrap .item-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-align: justify;
    font-size: 0;
    zoom: 1;
  }
  #shop_default .page-wrap .item-list .item {
    float: left;
    width: 50%;
    margin: 0;
    padding: 8px 5px;
    font-size: 0.875rem;
    zoom: 1;
  }
  #shop_default .page-wrap .item-list .item .thumb {
    height: auto;
    width: 100%;
    box-sizing: border-box;
  }
  #shop_default .page-wrap .item-list .item img {
    width: 100%;
    box-sizing: border-box;
  }
  #shop_default .page-wrap .item-list .item img.thumb-alert {
    padding: 0;
  }
  #shop_default .page-wrap .item-list .item-head {
    box-sizing: border-box;
    padding: 6px 3px 6px 11px;
    position: relative;
    border-radius: 0 0 6px 6px;
  }
  #shop_default .page-wrap .item-list .item-category {
    font-size: 0.625rem;
  }
  #shop_default .page-wrap .item-list .item-name {
    margin: 0;
    font-size: 0.8125rem;
    text-align: inherit;
    position: relative;
    left: -1px;
  }
  #shop_default .page-wrap .item-list .price {
    display: block;
    font-size: 0.875rem;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 300;
    height: 21px;
  }
}
@media screen and (max-device-width: 736px) and (orientation: landscape) {
  #shop_default .page-wrap .item-list .item {
    max-width: 176px;
  }
}
#shop_default .page-wrap .count-circled {
  box-sizing: border-box;
  position: relative;
  top: -0.2em;
  display: inline-block;
  min-width: 24px;
  line-height: 1.5;
  padding: 0 0.4em;
  border-radius: 12px;
  text-align: center;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
  vertical-align: bottom;
  color: #fff;
}
@media screen and (min-device-width: 737px), screen and (min-width: 737px) {
  #shop_default .page-wrap .count-circled.has-item {
    animation: bounce 5s infinite;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  5% {
    transform: scaleX(0.88) translateY(-100%);
  }
  8% {
    transform: scaleY(0.88) translateY(0);
  }
  11% {
    transform: scaleX(0.96) translateY(-50%);
  }
  13% {
    transform: scaleY(0.96) translateY(0);
  }
  15% {
    transform: translateY(-20%);
  }
  18% {
    transform: translateY(0);
  }
}
@keyframes progress-bar-stripe {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes rotate8 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
#shop_default .social-btn {
  margin-top: 12px;
  display: inline-block;
  padding: 0 10px 0 0;
  vertical-align: top;
  line-height: 0;
}
#shop_default .social-btn-top {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: top;
  line-height: 0;
}
#shop_default .page-wrap .secret-publish {
  padding: 8px;
  text-align: center;
  background: #9363f0;
  color: #fff;
}
#shop_default .page-wrap .secret-publish strong {
  color: #fff;
  font-size: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .pixiv-block {
  position: absolute;
  top: -22px;
  left: -11px;
  padding: 5px 5px 0 45px;
  width: 77px;
  height: 37px;
  border: 1px solid;
  border-radius: 0 4px 4px 0;
  list-style: none;
  text-decoration: none;
  line-height: 1rem;
  text-align: left;
  font-size: 0.75rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 2px 2px 0 0 hsla(0, 0%, 87.8%, 0.1);
}
#shop_default .page-wrap .pixiv-block-tail {
  position: absolute;
  height: 0;
  width: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-right: 11px solid #bbb;
  top: 10px;
  left: -22px;
  z-index: -10;
}
#shop_default .shop-footer-legal-links {
  font-size: 0.8125rem;
}
#shop_default .shop-footer-legal-links .nav {
  margin-right: 1em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .shop-footer-legal-links li {
    margin-bottom: 5px;
  }
}
#shop_default .foot-wrap {
  width: 962px;
  margin: 0 auto;
  padding: 12px 17px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
}
#shop_default .foot-wrap .share-btns {
  line-height: 0;
}
#shop_default .foot-wrap .social-btn-top {
  margin-left: 0.5em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .foot-wrap {
    width: auto;
    margin: 0 10px;
    padding: 6px 11px;
  }
  #shop_default .foot-wrap .share-btns {
    margin: 5px auto 0;
  }
}
#shop_default .page-wrap .booth-nav-bar {
  border-top: 1px solid;
}
#shop_default .page-wrap .booth-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
#shop_default .page-wrap .booth-nav-wrap .booth-nav-item {
  display: inline-block;
}
#shop_default .page-wrap .ui-segmented-tablet-nav {
  margin: 0 32px;
}
#shop_default .page-wrap .ui-segmented-tablet-nav.centered {
  text-align: center;
}
#shop_default .page-wrap .ui-segmented-tablet-nav ul {
  display: inline-table;
  border: 1px solid #e0e0e0;
  border-radius: 0.34em;
}
#shop_default .page-wrap .ui-segmented-tablet-nav ul > li {
  display: table-cell;
}
#shop_default .page-wrap .ui-segmented-tablet-nav ul .nav-item {
  display: block;
}
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item {
  box-sizing: border-box;
  background: #fff;
  border: none;
  border-right: 1px solid #e0e0e0;
  color: #657386;
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item:visited {
  color: #657386;
}
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item.current,
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item:hover {
  background: #fff;
}
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item.current [class*='icon'],
#shop_default .page-wrap .ui-segmented-tablet-nav .nav-item:hover [class*='icon'] {
  color: #fc4d50;
}
#shop_default .page-wrap .ui-segmented-tablet-nav li:last-child .nav-item {
  border-right-width: 0;
  border-radius: 0 0.34em 0.34em 0;
}
#shop_default .page-wrap .ui-segmented-tablet-nav li:first-child .nav-item {
  border-radius: 0.34em 0 0 0.34em;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .ui-segmented-tablet-nav.centered ul,
  #shop_default .page-wrap .ui-segmented-tablet-nav.centered ul > li {
    display: block;
  }
  #shop_default .page-wrap .ui-segmented-tablet-nav.centered ul > li .nav-item {
    border-bottom: 1px solid #e0e0e0;
    border-right-width: 0;
  }
  #shop_default .page-wrap .ui-segmented-tablet-nav.centered ul > li:last-child .nav-item {
    border: none;
    border-radius: 0 0 0.34em 0.34em;
  }
  #shop_default .page-wrap .ui-segmented-tablet-nav.centered ul > li:first-child .nav-item {
    border-radius: 0.34em 0.34em 0 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .ui-segmented-tablet-nav {
    margin: 0 16px;
  }
  #shop_default .page-wrap .ui-segmented-tablet-nav .nav-item {
    padding: 0.618em 0.8075em;
  }
}
#shop_default .page-wrap .search-box {
  margin: 0;
  border: 1px;
  border-radius: 16px;
}
#shop_default .page-wrap .item-lists {
  padding: 0;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .item-lists {
    margin: 0 16px;
  }
}
#shop_default .page-wrap .item-lists__item-list-link {
  display: inline-block;
  margin: 0 1rem 0.5rem 0;
}
#shop_default .page-wrap .breadcrumbs {
  margin: 26px auto;
  font-size: 0.8125rem;
}
#shop_default .page-wrap .home-link-container-nickname {
  display: flex;
  margin-right: 4px;
}
#shop_default .page-wrap .verified-booth {
  line-height: 1;
}
#shop_default .page-wrap .shop-global-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 62px;
  margin: 0 23px;
  padding: 0 0 0 156px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-global-nav {
    min-height: 40px;
    margin: 0 16px;
    padding-left: 0;
  }
}
#shop_default .page-wrap .shop-global-nav__avatar-image-container {
  position: absolute;
  top: -70px;
  left: 0;
  width: 128px;
  height: 128px;
  padding: 5px;
  background: #fff;
  border: 1px solid #f3f3f3;
}
#shop_default .page-wrap .shop-global-nav__avatar-image-container > .avatar-image {
  height: 128px;
  width: 128px;
  background-size: cover;
  background-position: top;
  background-clip: border-box;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-global-nav__avatar-image-container > .avatar-image {
    height: 72px;
    width: 72px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-global-nav__avatar-image-container {
    top: -48px;
    width: 72px;
    height: 72px;
  }
}
#shop_default .page-wrap .shop-global-nav__home-link {
  flex: 1 1 auto;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-global-nav__home-link {
    padding-left: 100px;
  }
}
#shop_default .page-wrap .shop-global-nav__home-link > .home-link-container {
  display: flex;
  align-items: center;
  max-width: 100%;
}
#shop_default .page-wrap .shop-global-nav__follow-button {
  margin: 0 0 9px;
}
#shop_default .page-wrap .shop-global-nav__follow-button a.follow-action {
  margin: 0;
}
#shop_default .page-wrap .shop-global-nav__follow-button a.unfollow-action {
  margin: 0;
  border-width: 1px;
  border-style: solid;
}
#shop_default .page-wrap .shop-global-nav__follow-button a.follow-action i,
#shop_default .page-wrap .shop-global-nav__follow-button a.unfollow-action i {
  height: 1.3em;
}
#shop_default .page-wrap .shop-global-nav .home-link-container__nickname {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-right: 0.5em;
  word-break: break-all;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-global-nav .home-link-container__nickname {
    margin-top: 9px;
    margin-bottom: 9px;
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .shop-nav {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border-bottom: 1px solid;
  }
}
#shop_default .page-wrap .l-shop-shipment-footnote {
  padding: 0 24px 9px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .l-shop-shipment-footnote {
    order: 9;
    padding: 0 16px !important;
  }
}
#shop_default .page-wrap .term-container {
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid;
  padding: 30px;
  background: #fff;
  color: #5a5a60;
}
#shop_default .page-wrap .term-container h2 {
  margin-bottom: 1.625rem;
}
#shop_default .page-wrap .term-container td,
#shop_default .page-wrap .term-container th {
  border-style: dotted;
}
#shop_default .page-wrap .about-terms {
  margin: 0 0 52px;
}
#shop_default .page-wrap .about-terms td,
#shop_default .page-wrap .about-terms th {
  background-color: transparent;
  color: #5a5a60;
  text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .term-container {
    border-radius: 0;
    margin-bottom: 20px;
  }
  #shop_default .page-wrap .about-terms {
    display: block;
    margin: 0 0 26px;
  }
  #shop_default .page-wrap .about-terms td,
  #shop_default .page-wrap .about-terms th {
    display: block;
  }
  #shop_default .page-wrap .about-terms th {
    border: none;
    padding: 12px 0 4px;
  }
  #shop_default .page-wrap .about-terms td {
    padding: 0 0 12px;
  }
}
#shop_default .page-wrap .message-pane.container {
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid;
  background-color: #fff;
  color: #000;
}
#shop_default .page-wrap .message-pane-field {
  margin: 0 0 26px;
  color: #000;
}
#shop_default .page-wrap .message-pane-field p {
  color: #000;
}
#shop_default .page-wrap .message-pane-field textarea {
  width: 674px;
  height: 208px;
  margin: 3px 5px 0 0;
}
#shop_default .page-wrap .message-pane-field-label {
  display: block;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .message-pane-submitarea {
  margin-bottom: 0;
}
#shop_default .page-wrap .message-pane-submitarea .submit {
  color: #fff;
  background: #000;
}
#shop_default .page-wrap .message-pane-submitarea .btn.back {
  margin-left: 0.66em;
  padding: 1em 2.5625em;
}
#shop_default .page-wrap .message-pane-header {
  padding: 30px;
  border-bottom: 1px solid #e8e8e8;
}
#shop_default .page-wrap .message-pane-body {
  padding: 30px;
}
#shop_default .page-wrap .message-pane-body #error_explanation .error-explanation-heading {
  margin-top: 0;
  font-size: 1.125rem;
}
#shop_default .page-wrap .message-pane-body #error_explanation .error-explanation-list {
  color: #000;
}
#shop_default .page-wrap .message-pane-body .anchor-to-setting {
  margin-left: 1.625em;
  font-size: 0.8125rem;
  text-decoration: none;
}
#shop_default .page-wrap .message-pane-body .anchor-to-setting:link,
#shop_default .page-wrap .message-pane-body .anchor-to-setting:visited {
  color: #1b7f8c !important;
}
#shop_default .page-wrap .message-pane-body .anchor-to-setting:hover {
  text-decoration: underline;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .message-pane-body .anchor-to-setting {
    margin: 0;
  }
}
#shop_default .page-wrap .message-pane-body .nickname-empty {
  color: rgba(53, 71, 71, 0.6);
}
#shop_default .page-wrap .message-pane-header-title {
  margin: 0;
  font-size: 1.5625rem;
  line-height: 1.56;
}
#shop_default .page-wrap .message-pane-header-subtext {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4615384615;
  color: #000;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .message-pane.container {
    border-radius: 0;
    margin-bottom: 20px;
  }
  #shop_default .page-wrap .message-pane-body,
  #shop_default .page-wrap .message-pane-header {
    padding: 15px;
  }
  #shop_default .page-wrap .message-pane-header-title {
    font-size: 1.3125rem;
  }
  #shop_default .page-wrap .message-pane-field {
    margin: 0 0 22px;
  }
}
#shop_default .page-wrap .item-name {
  word-wrap: break-word;
}
#shop_default .page-wrap .for_mobile {
  display: none;
  padding: 10px;
}
#shop_default .page-wrap .for_mobile .item-name {
  margin: 0;
  padding: 0;
}
#shop_default .page-wrap .for_mobile .price {
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
#shop_default .page-wrap .item-info-detail {
  margin: 40px 0 20px;
  border-radius: 7px;
  border: 1px solid;
  position: relative;
}
#shop_default .page-wrap .item-info-detail .for_mobile {
  border-bottom: 1px solid;
  text-align: center;
}
#shop_default .page-wrap .item-info-detail .item-name {
  margin: 0;
  padding-top: 0;
}
#shop_default .page-wrap .item-info-detail:after {
  content: '';
  clear: both;
  display: block;
}
#shop_default .page-wrap .item-undisplayed {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
  background-color: #e74a31;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  line-height: 45px;
}
#shop_default .page-wrap .photo-gallery {
  width: 620px;
  height: 620px;
  border-radius: 7px 0 0 0;
  overflow: hidden;
}
#shop_default .page-wrap .photo-gallery.slick-slider {
  touch-action: pan-y pinch-zoom;
}
#shop_default .page-wrap .photo-gallery .slick-list {
  height: 100%;
}
#shop_default .page-wrap .photo-gallery .slick-slide,
#shop_default .page-wrap .photo-gallery .slick-slide > div,
#shop_default .page-wrap .photo-gallery .slick-track {
  height: inherit;
}
#shop_default .page-wrap .photo-gallery .img-container {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
#shop_default .page-wrap .photo-gallery .img-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#shop_default .page-wrap .photo-gallery .img-wrapper iframe:not(.wide-content) {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .photo-gallery .img-wrapper iframe.wide-content {
    max-height: 168px;
  }
}
#shop_default .page-wrap .photo-gallery img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
#shop_default .page-wrap .thumb-gallery .embedded-content-thumbnail {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#shop_default .page-wrap .thumb-gallery .embedded-content-thumbnail i:before {
  margin: 0;
}
#shop_default .page-wrap .item-has-no-img {
  height: 358px;
  padding: 10px 0;
  background-image: url(/static-images/thumbnail-placeholder.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: hsla(0, 0%, 49%, 0.1);
  border-radius: 6px 0 0 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 1.5dppx) {
  #shop_default .page-wrap .item-has-no-img {
    background-image: url(/static-images/thumbnail-placeholder@2x.png);
    background-size: 112px 80px;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .for_mobile {
    display: block;
  }
  #shop_default .page-wrap .item-name {
    font-size: 1rem;
  }
  #shop_default .page-wrap .item-info-detail {
    border-radius: 0;
    margin-top: 14px;
    border-width: 1px 0;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  #shop_default .page-wrap .photo-gallery {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 0;
  }
  #shop_default .page-wrap .photo-gallery .slick-arrow {
    width: 4rem;
    height: 4rem;
  }
  #shop_default .page-wrap .photo-gallery .slick-arrow:before {
    font-size: 4rem;
  }
  #shop_default .page-wrap .item-has-no-img {
    height: 300px;
    width: 300px;
    border: none;
    border-radius: 0;
    margin: 10px auto;
    padding: 0;
  }
}
#shop_default .page-wrap .download-file {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dotted #e0e0e0;
  font-size: 0.75rem;
}
#shop_default .page-wrap .download-file-name {
  flex: 1;
}
#shop_default .page-wrap .download-file-button {
  display: flex;
}
#shop_default .page-wrap a.free-download {
  margin: 0 0 0 0.75em;
  text-decoration: none;
}
#shop_default .page-wrap a.free-download:hover {
  text-decoration: underline;
}
#shop_default .page-wrap .image-list {
  margin: 26 0 0;
  width: 100%;
  padding: 15px 0;
  font-size: 12px;
  text-align: center;
  border: solid;
  border-width: 1px 0 0;
}
#shop_default .page-wrap .image-list:last-child {
  border-bottom: none;
}
#shop_default .page-wrap .image-list a {
  vertical-align: top;
}
#shop_default .page-wrap .image-list .slick-track {
  margin-left: auto;
  margin-right: auto;
}
#shop_default .page-wrap .switcher {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px;
}
#shop_default .page-wrap .switcher .thumb {
  border: 4px solid transparent;
}
#shop_default .page-wrap .switcher .image-description {
  display: block;
  width: 72px;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
#shop_default .page-wrap .pg-nav,
#shop_default .page-wrap .zoom {
  transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: absolute;
  opacity: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: hsla(0, 0%, 100%, 0.95);
  border-radius: 30px;
  z-index: 10;
  border: 4px solid;
  background-clip: padding-box;
  text-decoration: none;
}
#shop_default .page-wrap .pg-nav.next,
#shop_default .page-wrap .zoom.next {
  top: 50%;
  right: 24px;
}
#shop_default .page-wrap .pg-nav.prev,
#shop_default .page-wrap .zoom.prev {
  top: 50%;
  left: 24px;
}
#shop_default .page-wrap .pg-nav.zoom,
#shop_default .page-wrap .zoom.zoom {
  margin-top: 0;
  background: none;
}
#shop_default .page-wrap .pg-nav [class*=' icon-'],
#shop_default .page-wrap .pg-nav [class^='icon-'],
#shop_default .page-wrap .zoom [class*=' icon-'],
#shop_default .page-wrap .zoom [class^='icon-'] {
  width: 40px;
}
#shop_default .page-wrap .pg-nav [class*=' icon-']:before,
#shop_default .page-wrap .pg-nav [class^='icon-']:before,
#shop_default .page-wrap .zoom [class*=' icon-']:before,
#shop_default .page-wrap .zoom [class^='icon-']:before {
  color: #000;
  width: 40px;
  margin: 0;
  line-height: 40px;
}
#shop_default .page-wrap .main-info-column {
  width: 620px;
  border-right: 1px solid;
}
#shop_default .page-wrap .main-info-column .description,
#shop_default .page-wrap .main-info-column .factory-description {
  padding: 33px;
  clear: none;
  border-radius: 0;
  margin-bottom: 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  line-height: 1.7em;
}
#shop_default .page-wrap .main-info-column .factory-description {
  font-style: 0.875rem;
}
#shop_default .page-wrap .main-info-column .factory-description a {
  color: #1db2c8;
}
#shop_default .page-wrap .cmd-lable {
  word-break: break-all;
  word-break: break-word;
}
#shop_default .page-wrap .sale-period-label {
  padding-right: 10px;
}
#shop_default .page-wrap .summary {
  float: right;
  width: 339px;
  border-left: 1px solid;
  right: 0;
}
#shop_default .page-wrap .summary .container {
  width: 368px;
}
#shop_default .page-wrap .summary .category {
  color: #000;
  font-size: 0.9375rem;
  padding: 16px 22px 0;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
#shop_default .page-wrap .summary .category a {
  text-decoration: none;
}
#shop_default .page-wrap .summary .category a:hover {
  text-decoration: underline;
}
#shop_default .page-wrap .summary .badges {
  margin: 7px 0 9px;
  padding: 0 22px;
}
#shop_default .page-wrap .summary .badges .badge {
  margin-left: 0;
}
#shop_default .page-wrap .summary .badges .events {
  display: inline;
}
#shop_default .page-wrap .summary .item-name {
  font-size: 1.5rem;
  padding: 0 22px 18px;
  margin-bottom: 0;
}
#shop_default .page-wrap .summary .price {
  padding: 16px 22px 10px;
  font-size: 3rem;
  text-align: center;
  font-family: Segoe UI Light, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .summary .price {
    margin-bottom: 0;
  }
}
#shop_default .page-wrap .summary .sale-period-wrapper {
  margin: 0 22px 1.5em;
  font-size: 0.875rem;
  padding: 12px 0 12px 12px;
}
#shop_default .page-wrap .summary .on-sale {
  border: 1px solid #ff5c67;
  background-color: #ffe8ed;
  color: #f24343;
}
#shop_default .page-wrap .summary .sale-period,
#shop_default .page-wrap .summary .sale-period-label {
  display: inline-block;
  vertical-align: top;
}
#shop_default .page-wrap .summary .variation-caption {
  font-size: 0.8125rem;
}
#shop_default .page-wrap .summary .purchase_limit {
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
#shop_default .page-wrap .summary .purchase_limit .limit {
  display: inline-block;
}
#shop_default .page-wrap .summary .shipping_date {
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
}
#shop_default .page-wrap .summary .text-anshin-booth-pack {
  font-size: 0.8125rem;
}
#shop_default .page-wrap .summary .share-btns {
  margin-top: 22px;
  padding: 9px 22px 19px;
  border-top: 1px solid;
}
#shop_default .page-wrap .module {
  width: 620px;
  padding-top: 28px;
  border-top: 1px solid;
}
#shop_default .page-wrap .module.module-item {
  width: 100%;
  border-right: none;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .for_mobile {
    padding: 16px;
    order: 1;
  }
  #shop_default .page-wrap .summary {
    float: none;
    width: auto;
    order: 3;
    position: relative;
    padding: 0;
    border: none;
  }
  #shop_default .page-wrap .summary > div,
  #shop_default .page-wrap .summary p {
    margin: 0;
    padding: 16px;
  }
  #shop_default .page-wrap .summary .category {
    padding: 10px 16px 5px;
    border-top: 1px solid;
    text-align: center;
  }
  #shop_default .page-wrap .summary .badges {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #shop_default .page-wrap .summary .price {
    padding: 10px;
    font-size: 2.5em;
  }
  #shop_default .page-wrap .summary .sale-period-wrapper {
    margin: 0 30px 10px;
  }
  #shop_default .page-wrap .summary .item-name {
    padding: 5px 16px 10px;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif !important;
    text-align: center;
  }
  #shop_default .page-wrap .summary .description,
  #shop_default .page-wrap .summary .factory-description {
    border-top: none;
    text-align: left !important;
    word-wrap: break-word;
    font-size: 0.875rem;
    font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
      ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
    font-weight: 300;
    white-space: pre-line;
  }
  #shop_default .page-wrap .summary .page_design {
    padding: 0;
  }
  #shop_default .page-wrap .summary .page_design .module:first-child {
    border-top: 0;
  }
  #shop_default .page-wrap .summary .share-btns {
    order: 8;
    margin: 0;
    padding: 15px 16px 13px;
    text-align: center;
    border-top: none;
    border-bottom: 1px solid;
  }
  #shop_default .page-wrap .summary .share-btns .social-btn {
    margin: 0;
  }
  #shop_default .page-wrap .summary .cart-btns {
    padding: 0 30px 15px;
    border-bottom: 1px solid;
  }
  #shop_default .page-wrap .summary .cart-btns .variations {
    margin: 0;
  }
  #shop_default .page-wrap .summary .tags {
    order: 7;
    border-bottom: 1px solid;
  }
  #shop_default .page-wrap .summary .tags .tag {
    margin-top: 0;
  }
  #shop_default .page-wrap .summary .tags .tag:last-child {
    margin-bottom: 0;
  }
  #shop_default .page-wrap .summary .tags a {
    display: block;
    padding: 4px 10px;
    border: 1px solid;
    border-radius: 4px;
  }
  #shop_default .page-wrap .summary .tags a:hover {
    text-decoration: none;
  }
  #shop_default .page-wrap .summary .tags ul {
    margin: 0 !important;
  }
  #shop_default .page-wrap .summary .item-list-wrapper-mobile {
    order: 9;
  }
  #shop_default .page-wrap .summary .item-list-wrapper-mobile .item-name,
  #shop_default .page-wrap .summary .item-list-wrapper-mobile .price {
    padding: 0;
  }
  #shop_default .page-wrap .main-info-column {
    width: auto;
    border: none;
    order: 2;
  }
  #shop_default .page-wrap .main-info-column .pg-nav {
    display: block !important;
    width: 30px;
    height: 30px;
    border-width: 2px;
  }
  #shop_default .page-wrap .main-info-column .pg-nav.next {
    right: 10px;
  }
  #shop_default .page-wrap .main-info-column .pg-nav.prev {
    left: 10px;
  }
  #shop_default .page-wrap .main-info-column i {
    font-size: 13px;
  }
  #shop_default .page-wrap .main-info-column [class^='icon-arrow'] {
    position: relative;
    width: 30px;
  }
  #shop_default .page-wrap .main-info-column [class^='icon-arrow']:before {
    width: 30px;
    line-height: 30px;
  }
  #shop_default .page-wrap .main-info-column .description,
  #shop_default .page-wrap .main-info-column .factory-description {
    display: none;
  }
}
#shop_default .page-wrap .cart-btns {
  text-align: center;
  overflow: visible;
  margin: 0 22px;
}
#shop_default .page-wrap .cart-btns .factory-item,
#shop_default .page-wrap .cart-btns .variation,
#shop_default .page-wrap .cart-btns .variations {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
#shop_default .page-wrap .cart-btns .variation-item {
  margin-bottom: 2.5rem;
}
#shop_default .page-wrap .cart-btns .variation-item .type {
  font-size: 0.8125rem;
  opacity: 0.66;
}
#shop_default .page-wrap .cart-btns .variation-name {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
}
#shop_default .page-wrap .cart-btns .variation-name .name {
  line-height: 1.3;
}
#shop_default .page-wrap .cart-btns .variation-price {
  font-size: 2.5em;
}
#shop_default .page-wrap .cart-btns .variation-cart-tracks {
  margin-top: 10px;
  padding: 0 20px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .cart-btns .variation-cart-tracks {
    padding: 0;
  }
}
#shop_default .page-wrap .cart-btns .variation-cart-tracks .download-file {
  margin-top: 4px;
}
#shop_default .page-wrap .cart-btns .variation-cart-tracks .download-file-name {
  font-size: 12px;
  text-align: left;
}
#shop_default .page-wrap .cart-btns .variation-cart-tracks .download-file-button {
  text-align: right;
}
#shop_default .page-wrap .cart-btns .factory-item {
  margin: 10px;
}
#shop_default .page-wrap .cart-btns .factory-item .variation-name {
  font-size: 0.875rem;
}
#shop_default .page-wrap .cart-btns .factory-item input {
  display: none;
}
#shop_default .page-wrap .cart-btns .factory-item label {
  margin: 20px 26px;
  padding: 12px;
  text-align: center;
  cursor: pointer;
  border: 1px solid;
  border-radius: 5px;
}
#shop_default .page-wrap .cart-btns .factory-item label [class^='icon-'] {
  display: none;
}
#shop_default .page-wrap .cart-btns .factory-item label.selected {
  border: 1px solid;
  box-shadow: 0 0 0 1px;
  font-family: -apple-system, BlinkMacSystemFont, Avenir-Heavy, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 700;
}
#shop_default .page-wrap .cart-btns .factory-item label.selected [class^='icon-'] {
  display: inline-block;
}
#shop_default .page-wrap .cart-btns td,
#shop_default .page-wrap .cart-btns th {
  padding: 0.618em 0;
  text-align: left;
}
#shop_default .page-wrap .alert.factory,
#shop_default .page-wrap .alert.preorder {
  line-height: 1;
  font-size: 0.75rem;
}
#shop_default .page-wrap .tags {
  padding: 0 24px;
}
#shop_default .page-wrap .tags .icon-tags {
  padding-right: 4px;
}
#shop_default .page-wrap .tags ul {
  padding: 0;
  margin-top: 0;
}
#shop_default .page-wrap .tag {
  padding: 0;
  list-style: none;
  list-style-image: none;
  display: block;
  margin: 6px 0;
  line-height: 1;
  list-style-position: inside;
}
#shop_default .page-wrap .tag .nav-item {
  margin: 0;
  padding: 2px 0;
  background: none;
  border: none;
  font-size: 0.875rem;
  font-family: -apple-system, BlinkMacSystemFont, Avenir, Helvetica Neue, Segoe UI, Arial,
    ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}
#shop_default .page-wrap .tag .nav-item .icon-tag {
  opacity: 0.66;
}
#shop_default .page-wrap .tag .nav-item:hover {
  text-decoration: underline;
}
#shop_default .page-wrap #about_payment {
  margin: 26px 0;
}
#shop_default .page-wrap .sesame-open-heading {
  margin: 0 0 24px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 0.8125rem;
  text-align: center;
}
#shop_default .page-wrap .sesame-open-form {
  padding: 0 64px 24px;
}
#shop_default .page-wrap .sesame-open-form .question {
  font-size: 1.5625rem;
  margin: 0;
}
#shop_default .page-wrap .sesame-open-form .btn {
  background-color: rgba(0, 0, 0, 0.88);
  padding: 1em 2em;
}
#shop_default .page-wrap .sesame-open-form .btn:hover {
  background-color: rgba(0, 0, 0, 0.66);
}
#shop_default .page-wrap .sesame-open-question {
  position: relative;
  margin: 48px auto;
  padding: 40px;
  text-align: center;
}
#shop_default .page-wrap .sesame-open-question:after,
#shop_default .page-wrap .sesame-open-question:before {
  position: absolute;
  font-size: 4.5rem;
  color: rgba(0, 0, 0, 0.11);
}
#shop_default .page-wrap .sesame-open-question:before {
  content: '「';
  top: -32px;
  left: -32px;
}
#shop_default .page-wrap .sesame-open-question:after {
  content: '」';
  bottom: -32px;
  right: -32px;
}
#shop_default .page-wrap .sesame-open-answer-heading {
  margin: 0 0 8px;
  font-size: 1rem;
  text-align: center;
}
#shop_default .page-wrap .sesame-open .full-length {
  background-color: #fff;
  padding: 1em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.13);
  font-size: 1.25rem;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #shop_default .page-wrap .sesame-open-form {
    padding: 24px 16px;
    overflow: hidden;
  }
  #shop_default .page-wrap .sesame-open-form .question {
    font-size: 1.25rem;
  }
  #shop_default .page-wrap .sesame-open-question {
    margin: 0 auto 22px;
    padding: 11px;
  }
  #shop_default .page-wrap .sesame-open-question:before {
    left: -56px;
  }
  #shop_default .page-wrap .sesame-open-question:after {
    right: -56px;
  }
}
#shop_default {
  box-sizing: border-box;
}
#items.market .shop {
  display: none;
}
#items.mobile .appendix {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding: 0;
}
#items.mobile .breadcrumbs {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  .exhibition-hero {
    box-sizing: border-box;
    height: calc(100vh - 44px); /* 100vh - Header Height */
  }

  .exhibition-hero__caption {
    display: none;
  }

  .exhibition-hero-title__name {
    margin-bottom: 8px;
    padding: 4px 8px;
  }

  .exhibition-hero-title__vol-name {
    font-size: 48px;
    margin-bottom: 8px;
    padding: 8px;
  }

  .exhibition-term {
    padding: 4px 8px;
  }

  .exhibition-term__year,
  .exhibition-term__month-time {
    font-size: 14px;
  }

  .exhibition-term__month-date,
  .exhibition-term__month-day {
    font-size: 20px;
  }
}