@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.mq {
  /* --------------------
    min
    -------------------- */
  /* --------------------
    max
    -------------------- */ }

html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

body {
  color: #333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic ProN, Meiryo, system-ui, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em; }

h1 {
  font-size: 35.2px;
  font-size: 2.2rem;
  line-height: 1.51;
  margin-top: 2.265em;
  margin-bottom: 1.1325em;
  font-weight: 400; }

h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.55;
  margin-top: 2.325em;
  margin-bottom: 1.1625em;
  font-weight: 400; }

h3 {
  font-size: 28.8px;
  font-size: 1.8rem;
  line-height: 1.59;
  margin-top: 2.385em;
  margin-bottom: 1.1925em;
  font-weight: 400; }

h4 {
  font-size: 25.6px;
  font-size: 1.6rem;
  line-height: 1.63;
  margin-top: 2.445em;
  margin-bottom: 1.2225em;
  font-weight: 400; }

h5 {
  font-size: 22.4px;
  font-size: 1.4rem;
  line-height: 1.67;
  margin-top: 2.505em;
  margin-bottom: 1.2525em;
  font-weight: 400; }

h6 {
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 1.71;
  margin-top: 2.565em;
  margin-bottom: 1.2825em;
  font-weight: 400; }

dl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.75em;
  margin-bottom: 1.75em; }

dt {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

dd {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.75em;
  margin-bottom: 1.75em; }

a {
  color: #988154; }

ul, ol {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.75em;
  margin-bottom: 1.75em; }

li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

input, textarea {
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

select {
  font-family: inherit;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75; }

figure {
  margin: 0; }

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

label {
  word-break: break-all; }

/* --------------------
legacy
-------------------- */
/* svg icon */
#svgicon {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden; }

.cb {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor; }

.cb-images {
  width: 1.125em; }

.icon-bg {
  fill: #d4d4d5; }

.icon-with-bg {
  fill: #fff; }

.l-layout {
  width: 100%;
  min-height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.l-main {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 1px;
  background-color: #f6f6f6; }
  .l-main__top {
    min-height: 1px;
    width: 100%;
    max-width: 1120px;
    margin: auto; }
  .l-main__middle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    min-height: 1px;
    width: 100%;
    max-width: 1120px;
    margin: auto; }
    .l-main__middle-main, .l-main__middle-sub {
      margin-top: 30px;
      margin-bottom: 30px; }
    .l-main__middle-main {
      position: relative;
      width: 100%; }
      .l-main__middle-main.is-2column, .l-main__middle-main.is-3column {
        width: 75.75758%; }
    .l-main__middle-sub {
      width: 22.62626%; }
  .l-main__bottom {
    min-height: 1px; }

.l-footer {
  position: relative;
  z-index: 2;
  background-color: #f6f6f6; }

.l-drawer {
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .l-drawer__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 20;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0, 0, 0, 0.5);
    transform: translateX(0);
    transition: all 0.3s;
    visibility: hidden; }
    .l-drawer__overlay.is-active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      visibility: visible;
      -ms-touch-action: none;
          touch-action: none; }
  .l-drawer__body {
    background: #fff;
    position: fixed;
    top: 97px;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 30;
    transform: translateY(100vh);
    transition: all 0.3s; }
    .l-drawer__body.is-active {
      transform: translateY(0); }
  .l-drawer__button {
    position: absolute;
    top: 0;
    left: 0; }
    .l-drawer__button--close {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 48px;
      height: 48px;
      transform: translateX(-100%); }
      .l-drawer__button--close-icon {
        color: #fff; }
  .l-drawer a {
    background-color: transparent; }
  .l-drawer a:active,
  .l-drawer a:hover {
    outline: 0; }
  .l-drawer svg:not(:root) {
    overflow: hidden; }
  .l-drawer input,
  .l-drawer select {
    color: inherit;
    font: inherit;
    margin: 0; }
  .l-drawer select {
    text-transform: none; }
  .l-drawer input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .l-drawer input {
    line-height: normal; }
  .l-drawer input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box; }
  .l-drawer * {
    box-sizing: border-box; }
  .l-drawer *:after,
  .l-drawer *:before {
    box-sizing: border-box; }
  .l-drawer input,
  .l-drawer select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .l-drawer a {
    color: #337ab7;
    text-decoration: none; }
  .l-drawer a:focus,
  .l-drawer a:hover {
    color: #23527c;
    text-decoration: underline; }
  .l-drawer a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .l-drawer .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .l-drawer .btn:active:focus,
  .l-drawer .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .l-drawer .btn:focus,
  .l-drawer .btn:hover {
    color: #333;
    text-decoration: none; }
  .l-drawer .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .l-drawer .clearfix:after,
  .l-drawer .clearfix:before {
    content: " ";
    display: table; }
  .l-drawer .clearfix:after {
    clear: both; }
  .l-drawer a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .l-drawer a:active,
  .l-drawer a:focus,
  .l-drawer a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .l-drawer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .l-drawer li {
    margin: 0;
    padding: 0; }
  .l-drawer .cb {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor; }
  .l-drawer input:focus,
  .l-drawer select:focus {
    outline: none; }
  .l-drawer form .form-control {
    border: 1px solid #C4CCCE;
    border-radius: none;
    box-shadow: none;
    font-size: 16px;
    font-size: 12px;
    height: auto;
    padding: 2px 12px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .l-drawer form .form-control:focus {
    border-color: #3c8dbc !important;
    box-shadow: none; }
  .l-drawer .form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .l-drawer .form-control:-ms-input-placeholder {
    color: #bbb; }
  .l-drawer .form-control::-webkit-input-placeholder {
    color: #bbb; }
  .l-drawer .form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .l-drawer h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .l-drawer .btn {
    font-size: 16px;
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 10px 16px;
    font-weight: bold; }
  .l-drawer .drawer {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: calc(100% - 97px);
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    transition: transform 0.3s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .l-drawer .drawer > .b-cart__sns-list {
      -ms-flex-order: 4;
          order: 4;
      -ms-flex-pack: center;
          justify-content: center; }
      .l-drawer .drawer > .b-cart__sns-list > .b-cart__sns-list-item {
        margin: 20px 14px; }
    .l-drawer .drawer > .b-cart__guide-list {
      -ms-flex-order: 3;
          order: 3;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: start;
          justify-content: flex-start; }
      .l-drawer .drawer > .b-cart__guide-list > .b-cart__guide-list-item {
        width: 50%;
        border-bottom: 1px solid #d5c6b3; }
        .l-drawer .drawer > .b-cart__guide-list > .b-cart__guide-list-item:nth-child(odd) {
          border-right: 1px solid #d5c6b3; }
        .l-drawer .drawer > .b-cart__guide-list > .b-cart__guide-list-item .b-cart__guide-list-link {
          text-align: left;
          padding: 10px; }
          .l-drawer .drawer > .b-cart__guide-list > .b-cart__guide-list-item .b-cart__guide-list-link img {
            vertical-align: bottom; }
          .l-drawer .drawer > .b-cart__guide-list > .b-cart__guide-list-item .b-cart__guide-list-link .b-cart__guide-list-text {
            display: inline-block; }
    .l-drawer .drawer > .p-header__navi-list {
      -ms-flex-order: 2;
          order: 2;
      display: block;
      border-top: 1px solid #d3c6b3; }
      .l-drawer .drawer > .p-header__navi-list > .p-header__navi-list-item {
        background-color: #988155;
        border-bottom: 1px solid #d3c6b3; }
        .l-drawer .drawer > .p-header__navi-list > .p-header__navi-list-item .p-header__navi-link {
          width: 100%;
          color: #fff;
          position: relative;
          text-decoration: none; }
          .l-drawer .drawer > .p-header__navi-list > .p-header__navi-list-item .p-header__navi-link:after {
            content: " ";
            display: block;
            width: 8px;
            height: 12px;
            background-image: url(/user_data/packages/default/svg/arrow_right.svg);
            background-repeat: no-repeat;
            background-size: contain;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translate(0, -50%); }
    .l-drawer .drawer > .p-header__login-list {
      -ms-flex-order: 1;
          order: 1;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 8px 0; }
      .l-drawer .drawer > .p-header__login-list > .p-header__login-list-item {
        margin: 4px; }
        .l-drawer .drawer > .p-header__login-list > .p-header__login-list-item .p-header__login-link {
          border: 1px solid #988155; }
          .l-drawer .drawer > .p-header__login-list > .p-header__login-list-item .p-header__login-link.is-register {
            border-color: #fe424a; }
  .l-drawer #searchform {
    position: relative; }
  .l-drawer .search select {
    height: 50px;
    border: 1px solid #ccc;
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem;
    padding: 0.5em 1em;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box; }
  .l-drawer .search select option {
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .l-drawer .search .input_search {
    text-align: center; }
  .l-drawer .search input[type="search"] {
    border: 1px solid #C4CCCE;
    border-radius: none;
    box-shadow: none;
    font-size: 12px;
    height: auto;
    padding: 2px 12px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .l-drawer .member_link {
    margin-bottom: 16px; }
  .l-drawer .member_link a {
    border-bottom: 1px solid #e8e8e8;
    color: #525263;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    white-space: nowrap; }
  .l-drawer .member_link a:hover {
    color: #9797a1; }
  .l-drawer .member_link a .cb {
    font-size: 30px;
    fill: #B8BEC4;
    margin-right: 5px;
    position: relative;
    top: -1px; }
  .l-drawer .member_link a:hover .cb {
    fill: #c6cbd0; }
  .l-drawer p {
    font-size: 12px; }
  .l-drawer #search {
    background: #EBEBEB;
    padding: 16px 8px; }
  .l-drawer #search select {
    width: 100%; }
  .l-drawer .extra-form {
    margin: 0; }
  .l-drawer .clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0; }
  .l-drawer a {
    color: #333; }
  .l-drawer a:hover {
    color: #666;
    text-decoration: underline; }
  .l-drawer .member_link_pw_forgot {
    border-top: 1px dotted #ccc;
    text-align: center;
    width: 100%; }
  .l-drawer .block-side {
    overflow: hidden; }
  .l-drawer .title-side {
    height: auto;
    padding: 17px 5px 13px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .l-drawer .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .l-drawer #block-search .btn input[type=image]:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); }
  .l-drawer .block-side p {
    font-size: 12px;
    width: 100%; }
  .l-drawer .block-side .btn {
    padding: 0;
    width: 100px;
    margin-left: auto;
    margin-right: auto; }
  .l-drawer #block-search .label {
    padding: 0 0 3px 8px;
    margin: 0 0 0 2px;
    background: url("https://drm-eccube3.cos.sundaysys.com/html/template/drm/img/common/arrow_black.png") no-repeat 0 center; }
  .l-drawer #block-search select {
    width: 100%;
    border: solid 1px #CCCCCC;
    background: #fff;
    padding: 2px;
    height: 24px;
    font-size: 10px;
    margin-bottom: 10px; }
  .l-drawer body .btn {
    border-radius: 4px; }

/*
transition: mdc-animation-exit-permanent($name, $duration, $delay);
transition: mdc-animation-enter($name, $duration, $delay);
transition: mdc-animation-exit-temporary($name, $duration, $delay);
*/
.c-animation {
  /*
    &-screen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 2147483647;
        opacity: 1;
        &.is-loaded {
            z-index: -1;
            opacity: 0;
            animation-name: screen;
            animation-duration: 900ms;
        }
    }
    &-cross {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: $color-primary;
        z-index: 2147483648;
        transform: translateX(-100%);
        &.is-loaded {
            transform: translateX(100%);
            animation-name: cross;
            animation-duration: 900ms;
            animation-timing-function: cubic-bezier(.99,.07,.05,.92);
        }
    }
    */ }
  .c-animation-image {
    position: relative;
    overflow: hidden; }
    .c-animation-image:before, .c-animation-image:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; }
    .c-animation-image:before {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .p-top__eyecatch .c-animation-image:before,
      .b-recommend .c-animation-image:before {
        background: #fff; }
      .p-top__topic .c-animation-image:before {
        background: #f2f3f5; }
    .c-animation-image:after {
      transform: translateX(-100%); }
      .p-top__eyecatch .c-animation-image:after,
      .b-recommend .c-animation-image:after {
        background: #e5e6e8; }
      .p-top__topic .c-animation-image:after {
        background: #e5e6e8; }
    .c-animation-image.is-show:before,
    .is-show .c-animation-image:before {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      animation-name: imageBeforeShow;
      animation-duration: 750ms; }
    .c-animation-image.is-show:after,
    .is-show .c-animation-image:after {
      transform: translateX(100%);
      animation-name: imageAfterSlide;
      animation-duration: 750ms; }
    .c-animation-image-pic {
      position: relative;
      z-index: 1;
      transform: translateX(-50%); }
      .is-show .c-animation-image-pic {
        transform: translateX(0%);
        animation-name: imageSlide;
        animation-duration: 750ms; }
  .c-animation--rotate-forward {
    transition: transform 175ms 150ms cubic-bezier(0.4, 0, 1, 1);
    transform: rotate(0deg); }
    .is-active > .b-news__post-heading .c-animation--rotate-forward,
    .is-active > .b-category-nav-sp__heading-contents .c-animation--rotate-forward,
    [expanded] > .b-news__post-heading .c-animation--rotate-forward,
    [expanded] > .b-category-nav-sp__heading .c-animation--rotate-forward {
      transition: transform 175ms 0ms cubic-bezier(0, 0, 0.2, 1);
      transform: rotate(540deg); }
  .c-animation--rotate-reverse {
    transition: transform 175ms 150ms cubic-bezier(0.4, 0, 1, 1);
    transform: rotate(0deg); }
    .is-active .c-animation--rotate-reverse {
      transition: transform 175ms 0ms cubic-bezier(0, 0, 0.2, 1);
      transform: rotate(-540deg); }

@keyframes screen {
  0% {
    z-index: 2147483647;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  45% {
    z-index: 2147483647;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  55% {
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes cross {
  0% {
    transform: translateX(-100%); }
  45% {
    transform: translateX(0%); }
  55% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }

@keyframes imageBeforeShow {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  30% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  70% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes imageAfterSlide {
  0% {
    transform: translateX(-100%); }
  30% {
    transform: translateX(0%); }
  70% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }

@keyframes imageSlide {
  0% {
    transform: translateX(-50%); }
  100% {
    transform: translateX(0%); } }

.mdc-top-app-bar {
  background-color: #525263;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #525263);
  color: white;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4; }
  .mdc-top-app-bar .mdc-top-app-bar__action-item,
  .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
    color: #fff;
    /* @alternate */
    color: var(--mdc-theme-on-primary, #fff); }
    .mdc-top-app-bar .mdc-top-app-bar__action-item:before, .mdc-top-app-bar .mdc-top-app-bar__action-item:after,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after {
      background-color: #fff; }
      @supports not (-ms-ime-align: auto) {
        .mdc-top-app-bar .mdc-top-app-bar__action-item:before, .mdc-top-app-bar .mdc-top-app-bar__action-item:after,
        .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:before,
        .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:after {
          /* @alternate */
          background-color: var(--mdc-theme-on-primary, #fff); } }
    .mdc-top-app-bar .mdc-top-app-bar__action-item:hover:before,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover:before {
      opacity: 0.08;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; }
    .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus:before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused:before,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus:before,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused:before {
      transition-duration: 75ms;
      opacity: 0.24;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }
    .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):after,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):after {
      transition: opacity 150ms linear; }
    .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active:after,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active:after {
      transition-duration: 75ms;
      opacity: 0.24;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }
    .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
      --mdc-ripple-fg-opacity: 0.24; }
  .mdc-top-app-bar__row {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 64px; }
  .mdc-top-app-bar__section {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-align: center;
        align-items: center;
    min-width: 0;
    padding: 8px 12px;
    z-index: 1; }
    .mdc-top-app-bar__section--align-start {
      -ms-flex-pack: start;
          justify-content: flex-start;
      -ms-flex-order: -1;
          order: -1; }
    .mdc-top-app-bar__section--align-end {
      -ms-flex-pack: end;
          justify-content: flex-end;
      -ms-flex-order: 1;
          order: 1; }
  .mdc-top-app-bar__title {
    font-family: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: 0.0125em;
    text-decoration: inherit;
    text-transform: inherit;
    /* @noflip */
    padding-left: 20px;
    /* @noflip */
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1; }
    [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] {
      /* @noflip */
      padding-left: 0;
      /* @noflip */
      padding-right: 20px; }

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  border-radius: 0 0 24px 0; }
  [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] {
    /* @noflip */
    border-radius: 0 0 0 24px; }

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
  width: 100%;
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] {
    /* @noflip */
    right: 0;
    /* @noflip */
    left: auto; }
  .mdc-top-app-bar--short .mdc-top-app-bar__row {
    height: 56px; }
  .mdc-top-app-bar--short .mdc-top-app-bar__section {
    padding: 4px; }
  .mdc-top-app-bar--short .mdc-top-app-bar__title {
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-top-app-bar--short-collapsed {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
    display: none; }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
    transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); }

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px; }
  .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px; }
    [dir="rtl"] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir="rtl"] {
      /* @noflip */
      padding-left: 12px;
      /* @noflip */
      padding-right: 0; }

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px; }

.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px; }

.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0; }
  [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px; }

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px; }

.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding-bottom: 2px; }

.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mdc-top-app-bar--fixed {
  transition: box-shadow 200ms linear; }

.mdc-top-app-bar--fixed-scrolled {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms linear; }

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px; }

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px; }

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  padding-bottom: 9px; }
  [dir="rtl"] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir="rtl"] {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 20px; }

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px; }

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px; }

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px; }

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px; }

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px; }

.c-top-app-bar {
  top: 0;
  color: #333;
  background: #fff;
  position: relative;
  overflow: hidden; }
  .c-top-app-bar.is-transparent {
    background: none;
    box-shadow: none; }
  .c-top-app-bar .c-top-app-bar__row {
    height: auto;
    z-index: 2; }

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)"; } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)"; }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }
  .mdc-ripple-surface--test-edge-var-bug:before {
    border: var(--mdc-ripple-surface-test-edge-var); }

.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden; }
  .mdc-ripple-surface:before, .mdc-ripple-surface:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-ripple-surface:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-ripple-surface.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-ripple-surface.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-ripple-surface:before, .mdc-ripple-surface:after {
    background-color: #000; }
  .mdc-ripple-surface:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  .mdc-ripple-surface:before, .mdc-ripple-surface:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-ripple-surface.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
    overflow: visible; }
    .mdc-ripple-surface[data-mdc-ripple-is-unbounded]:before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]:after {
      top: calc(50% - 50%);
      /* @noflip */
      left: calc(50% - 50%);
      width: 100%;
      height: 100%; }
    .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after {
      top: var(--mdc-ripple-top, calc(50% - 50%));
      /* @noflip */
      left: var(--mdc-ripple-left, calc(50% - 50%));
      width: var(--mdc-ripple-fg-size, 100%);
      height: var(--mdc-ripple-fg-size, 100%); }
    .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded:after {
      width: var(--mdc-ripple-fg-size, 100%);
      height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-ripple-surface--primary:before, .mdc-ripple-surface--primary:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-ripple-surface--primary:before, .mdc-ripple-surface--primary:after {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #525263); } }
  .mdc-ripple-surface--primary:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus:before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface--primary.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  .mdc-ripple-surface--accent:before, .mdc-ripple-surface--accent:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-ripple-surface--accent:before, .mdc-ripple-surface--accent:after {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }
  .mdc-ripple-surface--accent:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus:before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-ripple-surface--accent.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }

.mdc-button {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 36px;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.08929em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 8px 0 8px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px; }
  .mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .mdc-button:active {
    outline: none; }
  .mdc-button:hover {
    cursor: pointer; }
  .mdc-button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, 0.37);
    cursor: default;
    pointer-events: none; }
  .mdc-button.mdc-button--dense {
    border-radius: 4px; }
  .mdc-button:not(:disabled) {
    background-color: transparent; }
  .mdc-button .mdc-button__icon {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top; }
    [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] {
      /* @noflip */
      margin-left: 8px;
      /* @noflip */
      margin-right: 0; }
  .mdc-button:not(:disabled) {
    color: #525263;
    /* @alternate */
    color: var(--mdc-theme-primary, #525263); }

.mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0; }
  [dir="rtl"] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir="rtl"] {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 8px; }

svg.mdc-button__icon {
  fill: currentColor; }

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px; }
  [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"]
  .mdc-button--unelevated .mdc-button__icon,
  .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"]
  .mdc-button--outlined .mdc-button__icon,
  .mdc-button--outlined .mdc-button__icon[dir="rtl"] {
    /* @noflip */
    margin-left: 8px;
    /* @noflip */
    margin-right: -4px; }

.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px; }
  [dir="rtl"] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"]
  .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
  .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir="rtl"], [dir="rtl"]
  .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
  .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir="rtl"] {
    /* @noflip */
    margin-left: -4px;
    /* @noflip */
    margin-right: 8px; }

.mdc-button--raised,
.mdc-button--unelevated {
  padding: 0 16px 0 16px; }
  .mdc-button--raised:disabled,
  .mdc-button--unelevated:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.37); }
  .mdc-button--raised:not(:disabled),
  .mdc-button--unelevated:not(:disabled) {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-button--raised:not(:disabled),
      .mdc-button--unelevated:not(:disabled) {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #525263); } }
  .mdc-button--raised:not(:disabled),
  .mdc-button--unelevated:not(:disabled) {
    color: #fff;
    /* @alternate */
    color: var(--mdc-theme-on-primary, #fff); }

.mdc-button--raised {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }
  .mdc-button--raised:hover, .mdc-button--raised:focus {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .mdc-button--raised:active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
  .mdc-button--raised:disabled {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); }

.mdc-button--outlined {
  border-style: solid;
  padding: 0 15px 0 15px;
  border-width: 1px; }
  .mdc-button--outlined:disabled {
    border-color: rgba(0, 0, 0, 0.37); }
  .mdc-button--outlined:not(:disabled) {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263); }

.mdc-button--dense {
  height: 32px;
  font-size: 13px;
  font-size: .8125rem; }

.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mdc-button:before, .mdc-button:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-button:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-button.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-button.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-button.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-button.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-button:before, .mdc-button:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-button.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-button:before, .mdc-button:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-button:before, .mdc-button:after {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #525263); } }
  .mdc-button:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-button:not(.mdc-ripple-upgraded):focus:before, .mdc-button.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-button:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-button:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }

.mdc-button--raised:before, .mdc-button--raised:after,
.mdc-button--unelevated:before,
.mdc-button--unelevated:after {
  background-color: #fff; }
  @supports not (-ms-ime-align: auto) {
    .mdc-button--raised:before, .mdc-button--raised:after,
    .mdc-button--unelevated:before,
    .mdc-button--unelevated:after {
      /* @alternate */
      background-color: var(--mdc-theme-on-primary, #fff); } }

.mdc-button--raised:hover:before,
.mdc-button--unelevated:hover:before {
  opacity: 0.08;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; }

.mdc-button--raised:not(.mdc-ripple-upgraded):focus:before, .mdc-button--raised.mdc-ripple-upgraded--background-focused:before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus:before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused:before {
  transition-duration: 75ms;
  opacity: 0.24;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }

.mdc-button--raised:not(.mdc-ripple-upgraded):after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):after {
  transition: opacity 150ms linear; }

.mdc-button--raised:not(.mdc-ripple-upgraded):active:after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: 0.24;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }

.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24; }

.c-button {
  border-radius: 4px;
  font-weight: 700; }
  .c-button--unelevated.is-primary {
    background-color: #525263;
    color: #fff;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
    .c-button--unelevated.is-primary:disabled {
      background-color: rgba(82, 82, 99, 0.6); }
  .c-button--unelevated.is-secondary {
    background-color: #DE5D50;
    color: #fff;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
    .c-button--unelevated.is-secondary:disabled {
      background-color: rgba(222, 93, 80, 0.6); }
  .c-button--unelevated.is-tertiary {
    background-color: #ff7fa1;
    color: #fff;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
    .c-button--unelevated.is-tertiary:disabled {
      background-color: rgba(255, 127, 161, 0.6); }
  .c-button--unelevated.is-quaternary {
    background-color: #f2f3f5;
    color: rgba(0, 0, 0, 0.6); }
    .c-button--unelevated.is-quaternary:disabled {
      background-color: rgba(242, 243, 245, 0.6); }
  .c-button--outlined.is-primary {
    border-color: #525263;
    color: #525263;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
  .c-button--outlined.is-secondary {
    border-color: #DE5D50;
    color: #DE5D50;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
  .c-button--outlined.is-tertiary {
    border-color: #ff7fa1;
    color: #ff7fa1;
    border-radius: 4px;
    padding-left: 2.1em;
    padding-right: 2.1em; }
  .c-button--outlined.is-quaternary {
    border-color: rgba(0, 0, 0, 0.24);
    color: rgba(0, 0, 0, 0.6);
    background-color: #f2f3f5;
    border-width: 1px; }
  .c-button--outlined.is-quinary {
    border-color: rgba(0, 0, 0, 0.24);
    background-color: #988154;
    color: #fff;
    border-width: 1px; }
    .c-button--outlined.is-quinary:hover {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .c-button.c-button--dense {
    border-radius: 4px; }
  .c-button__label {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.875em;
    font-weight: 700; }

.mdc-icon-button {
  width: 48px;
  height: 48px;
  padding: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .mdc-icon-button svg,
  .mdc-icon-button img {
    width: 24px;
    height: 24px; }
  .mdc-icon-button:disabled {
    color: rgba(0, 0, 0, 0.38);
    /* @alternate */
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
    cursor: default;
    pointer-events: none; }

.mdc-icon-button__icon {
  display: inline-block; }
  .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none; }

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none; }
  .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block; }

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mdc-icon-button:before, .mdc-icon-button:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-icon-button:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-icon-button.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-icon-button.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-icon-button.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-icon-button.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-icon-button:before, .mdc-icon-button:after {
    top: calc(50% - 50%);
    /* @noflip */
    left: calc(50% - 50%);
    width: 100%;
    height: 100%; }
  .mdc-icon-button.mdc-ripple-upgraded:before, .mdc-icon-button.mdc-ripple-upgraded:after {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @noflip */
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-icon-button.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-icon-button:before, .mdc-icon-button:after {
    background-color: #000; }
  .mdc-icon-button:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-icon-button:not(.mdc-ripple-upgraded):focus:before, .mdc-icon-button.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-icon-button:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-icon-button:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-icon-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }

.mdc-list {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  line-height: 24px;
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  .mdc-list:focus {
    outline: none; }

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }

.mdc-list-item__graphic {
  background-color: transparent; }

.mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }

.mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }

.mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }

.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12.992px;
  font-size: .812rem; }

.mdc-list-item {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  overflow: hidden; }
  .mdc-list-item:focus {
    outline: none; }

.mdc-list-item--selected,
.mdc-list-item--activated {
  color: #525263;
  /* @alternate */
  color: var(--mdc-theme-primary, #525263); }
  .mdc-list-item--selected .mdc-list-item__graphic,
  .mdc-list-item--activated .mdc-list-item__graphic {
    color: #525263;
    /* @alternate */
    color: var(--mdc-theme-primary, #525263); }

.mdc-list-item--disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }

.mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  fill: currentColor; }
  .mdc-list-item[dir="rtl"] .mdc-list-item__graphic,
  [dir="rtl"] .mdc-list-item .mdc-list-item__graphic {
    /* @noflip */
    margin-left: 32px;
    /* @noflip */
    margin-right: 0; }

.mdc-list .mdc-list-item__graphic {
  display: -ms-inline-flexbox;
  display: inline-flex; }

.mdc-list-item__meta {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0; }
  .mdc-list-item__meta:not(.material-icons) {
    font-family: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.03333em;
    text-decoration: inherit;
    text-transform: inherit; }
  .mdc-list-item[dir="rtl"] .mdc-list-item__meta,
  [dir="rtl"] .mdc-list-item .mdc-list-item__meta {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: auto; }

.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.mdc-list-item__text[for] {
  pointer-events: none; }

.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
  display: block; }
  .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0; }
  .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px; }
  .mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    /* @alternate */
    line-height: normal;
    margin-bottom: -20px; }
    .mdc-list--dense .mdc-list-item__primary-text:before {
      display: inline-block;
      width: 0;
      height: 24px;
      content: "";
      vertical-align: 0; }
    .mdc-list--dense .mdc-list-item__primary-text:after {
      display: inline-block;
      width: 0;
      height: 20px;
      content: "";
      vertical-align: -20px; }

.mdc-list-item__secondary-text {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  display: block; }
  .mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0; }
  .mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    /* @alternate */
    line-height: normal;
    font-size: inherit; }
    .mdc-list--dense .mdc-list-item__secondary-text:before {
      display: inline-block;
      width: 0;
      height: 20px;
      content: "";
      vertical-align: 0; }

.mdc-list--dense .mdc-list-item {
  height: 40px; }

.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 36px;
  width: 20px;
  height: 20px; }
  .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic,
  [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    /* @noflip */
    margin-left: 36px;
    /* @noflip */
    margin-right: 0; }

.mdc-list--avatar-list .mdc-list-item {
  height: 56px; }

.mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%; }
  .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic,
  [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    /* @noflip */
    margin-left: 16px;
    /* @noflip */
    margin-right: 0; }

.mdc-list--two-line .mdc-list-item__text {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mdc-list--two-line .mdc-list-item {
  height: 72px; }

.mdc-list--two-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  height: 60px; }

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 20px;
  width: 36px;
  height: 36px; }
  .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
  [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    /* @noflip */
    margin-left: 20px;
    /* @noflip */
    margin-right: 0; }

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer; }

a.mdc-list-item {
  color: inherit;
  text-decoration: none; }

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid; }

.mdc-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12); }

.mdc-list-divider--padded {
  margin: 0 16px; }

.mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px); }
  .mdc-list-group[dir="rtl"] .mdc-list-divider--inset,
  [dir="rtl"] .mdc-list-group .mdc-list-divider--inset {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 72px; }

.mdc-list-divider--inset.mdc-list-divider--padded {
  width: calc(100% - 72px - 16px); }

.mdc-list-group .mdc-list {
  padding: 0; }

.mdc-list-group__subheader {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 12px 16px;
  margin: 0.75rem 16px; }

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:after {
    background-color: #000; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:after {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #525263); } }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
    opacity: 0.16;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=16)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.24;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.24;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=24)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    opacity: 0.08;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:after {
        /* @alternate */
        background-color: var(--mdc-theme-primary, #525263); } }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover:before {
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2; }

:not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:after {
    background-color: #000; }
  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus:before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }

.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right; }
  .mdc-menu-surface:focus {
    outline: none; }
  .mdc-menu-surface--open {
    display: inline-block;
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .mdc-menu-surface--animating-open {
    display: inline-block;
    transform: scale(0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity 0.075s linear; }
  [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] {
    /* @noflip */
    transform-origin-left: top right;
    /* @noflip */
    transform-origin-right: top left; }

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible; }

.mdc-menu-surface--fixed {
  position: fixed; }

.mdc-menu {
  min-width: 112px; }
  .mdc-menu .mdc-list-item__meta {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-menu .mdc-list-item__graphic {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-menu .mdc-list {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-menu .mdc-list-divider {
    margin: 8px 0; }
  .mdc-menu .mdc-list-item {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .mdc-menu .mdc-list-item--disabled {
    cursor: auto; }
  .mdc-menu a.mdc-list-item .mdc-list-item__text,
  .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
    pointer-events: none; }

.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor; }
  .mdc-menu__selection-group .mdc-list-item {
    /* @noflip */
    padding-left: 56px;
    /* @noflip */
    padding-right: 16px; }
    [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] {
      /* @noflip */
      padding-left: 16px;
      /* @noflip */
      padding-right: 56px; }
  .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    /* @noflip */
    left: 16px;
    /* @noflip */
    right: initial;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
    [dir="rtl"] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 16px; }

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline; }

.mdc-form-field {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle; }
  .mdc-form-field > label {
    -ms-flex-order: 0;
        order: 0;
    /* @noflip */
    margin-right: auto;
    /* @noflip */
    padding-left: 4px; }
  [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label {
    /* @noflip */
    margin-left: auto;
    /* @noflip */
    padding-right: 4px; }

.mdc-form-field--align-end > label {
  -ms-flex-order: -1;
      order: -1;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  padding-right: 4px; }

[dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label {
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px; }

.mdc-radio {
  display: inline-block;
  position: relative;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  /* @alternate */
  will-change: opacity, transform, border-color, color; }
  .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, 0.54); }
  .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #525263); }
  .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #525263); }
  .mdc-radio .mdc-radio__background:before {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-radio .mdc-radio__background:before {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }
  .mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    box-sizing: border-box;
    width: 50%;
    height: 50%; }
    .mdc-radio__background:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: scale(0, 0);
      border-radius: 50%;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none;
      content: "";
      transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-radio__inner-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transform: scale(0, 0);
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
    transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: inherit;
    z-index: 1; }

.mdc-radio__native-control:checked + .mdc-radio__background,
.mdc-radio__native-control:disabled + .mdc-radio__background {
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
    transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-radio--disabled {
  cursor: default;
  pointer-events: none; }

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(0.5);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-radio__native-control:disabled + .mdc-radio__background,
[aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background {
  cursor: default; }
  .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
  [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, 0.26); }
  .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
  [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
    border-color: rgba(0, 0, 0, 0.26); }

.mdc-radio__native-control:focus + .mdc-radio__background:before {
  transform: scale(2, 2);
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-radio {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mdc-radio:before, .mdc-radio:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-radio:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-radio.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-radio.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-radio.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-radio.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-radio:before, .mdc-radio:after {
    top: calc(50% - 50%);
    /* @noflip */
    left: calc(50% - 50%);
    width: 100%;
    height: 100%; }
  .mdc-radio.mdc-ripple-upgraded:before, .mdc-radio.mdc-ripple-upgraded:after {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @noflip */
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-radio.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-radio:before, .mdc-radio:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-radio:before, .mdc-radio:after {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }
  .mdc-radio:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-radio:not(.mdc-ripple-upgraded):focus:before, .mdc-radio.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-radio:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-radio:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before {
    content: none; }

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334; }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  100% {
    stroke-dashoffset: 0; } }

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    transform: scaleX(0); }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    transform: scaleX(1); } }

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    stroke-dashoffset: 0; }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    stroke-dashoffset: -29.78334; } }

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  to {
    transform: rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to {
    transform: rotate(360deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  to {
    transform: rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  to {
    transform: rotate(315deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  32.8%,
  100% {
    transform: scaleX(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.mdc-checkbox {
  display: inline-block;
  position: relative;
  -ms-flex: 0 0 18px;
      flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom; }
  .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
  .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
      .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }
  .mdc-checkbox.mdc-checkbox--selected:before, .mdc-checkbox.mdc-checkbox--selected:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-checkbox.mdc-checkbox--selected:before, .mdc-checkbox.mdc-checkbox--selected:after {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }
  .mdc-checkbox.mdc-checkbox--selected:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus:before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after {
    background-color: #525263; }
    @supports not (-ms-ime-align: auto) {
      .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after {
        /* @alternate */
        background-color: var(--mdc-theme-secondary, #525263); } }

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent; }

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #525263;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #525263);
  background-color: #525263;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #525263); }

@keyframes mdc-checkbox-fade-in-background-ucf5c5fc5 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #525263);
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #525263); } }

@keyframes mdc-checkbox-fade-out-background-ucf5c5fc5 {
  0%,
  80% {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #525263);
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #525263); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-ucf5c5fc5; }

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-ucf5c5fc5; }

.mdc-checkbox__checkmark {
  color: #fff; }

.mdc-checkbox__mixedmark {
  border-color: #fff; }

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26); }

.mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26); }

.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none; }

.mdc-checkbox__background {
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-checkbox__background .mdc-checkbox__background:before {
    background-color: #000; }
    @supports not (-ms-ime-align: auto) {
      .mdc-checkbox__background .mdc-checkbox__background:before {
        /* @alternate */
        background-color: var(--mdc-theme-on-surface, #000); } }

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334; }

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  transition: none !important; }

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  animation-duration: 180ms;
  animation-timing-function: linear; }

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  transition: none; }

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  transition: none; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0; }

.mdc-checkbox__background:before {
  position: absolute;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background:before {
  transform: scale(1);
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  cursor: inherit; }
  .mdc-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg); }

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 11px; }
  .mdc-checkbox:before, .mdc-checkbox:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-checkbox:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-checkbox.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-checkbox.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-checkbox.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-checkbox.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-checkbox:before, .mdc-checkbox:after {
    background-color: #000; }
    @supports not (-ms-ime-align: auto) {
      .mdc-checkbox:before, .mdc-checkbox:after {
        /* @alternate */
        background-color: var(--mdc-theme-on-surface, #000); } }
  .mdc-checkbox:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus:before, .mdc-checkbox.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-checkbox:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-checkbox:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }
  .mdc-checkbox:before, .mdc-checkbox:after {
    top: calc(50% - 50%);
    /* @noflip */
    left: calc(50% - 50%);
    width: 100%;
    height: 100%; }
  .mdc-checkbox.mdc-ripple-upgraded:before, .mdc-checkbox.mdc-ripple-upgraded:after {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    /* @noflip */
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-checkbox.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-checkbox .mdc-checkbox__background {
    /* @noflip */
    left: 11px;
    /* @noflip */
    right: initial;
    top: 11px; }
    .mdc-checkbox[dir="rtl"] .mdc-checkbox .mdc-checkbox__background,
    [dir="rtl"] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 11px; }
  .mdc-checkbox .mdc-checkbox__background:before {
    top: -13px;
    left: -13px;
    width: 40px;
    height: 40px; }

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background:before {
  content: none; }

.mdc-floating-label {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  /* @alternate */
  line-height: 18.4px;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform; }
  [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] {
    /* @noflip */
    right: 0;
    /* @noflip */
    left: auto;
    /* @noflip */
    transform-origin: right top;
    /* @noflip */
    text-align: right; }

.mdc-floating-label--float-above {
  cursor: auto; }

.mdc-floating-label--float-above {
  transform: translateY(-50%) scale(0.75); }

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1; }

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }

.mdc-line-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2; }

.mdc-line-ripple--active {
  transform: scaleX(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-line-ripple--deactivating {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.mdc-notched-outline {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  text-align: left;
  pointer-events: none; }
  [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] {
    /* @noflip */
    text-align: right; }
  .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none; }
  .mdc-notched-outline__leading {
    /* @noflip */
    border-left: 1px solid;
    /* @noflip */
    border-right: none;
    width: 12px; }
    [dir="rtl"] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir="rtl"] {
      /* @noflip */
      border-left: none;
      /* @noflip */
      border-right: 1px solid; }
  .mdc-notched-outline__trailing {
    /* @noflip */
    border-left: none;
    /* @noflip */
    border-right: 1px solid;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    [dir="rtl"] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir="rtl"] {
      /* @noflip */
      border-left: 1px solid;
      /* @noflip */
      border-right: none; }
  .mdc-notched-outline__notch {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 12px * 2); }
  .mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%; }
  .mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip; }
  .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(100% / .75); }

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
  border-top: none; }
  [dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] {
    /* @noflip */
    padding-left: 8px;
    /* @noflip */
    padding-right: 0; }

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0; }

.mdc-text-field-helper-text {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.03333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  will-change: opacity; }
  .mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0; }

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  will-change: initial; }

.mdc-text-field-character-counter {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.03333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
  white-space: nowrap; }
  .mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0; }
  [dir="rtl"] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir="rtl"] {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: auto; }
  [dir="rtl"] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir="rtl"] {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 16px; }

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  position: absolute;
  bottom: 16px;
  cursor: pointer; }

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none; }

.mdc-text-field {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color; }
  .mdc-text-field:before, .mdc-text-field:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-text-field:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-text-field.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-text-field.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-text-field.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-text-field.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-text-field:before, .mdc-text-field:after {
    background-color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-text-field:not(.mdc-ripple-upgraded):focus:before, .mdc-text-field.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-text-field:before, .mdc-text-field:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-text-field.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field .mdc-text-field__input {
    caret-color: #525263;
    /* @alternate */
    caret-color: var(--mdc-theme-primary, #525263); }
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, 0.42); }
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field .mdc-line-ripple {
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #525263); }
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, 0.12); }
  .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0, 0, 0, 0.54); }
  .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: whitesmoke; }
  .mdc-text-field .mdc-floating-label {
    /* @noflip */
    left: 16px;
    /* @noflip */
    right: initial;
    top: 18px;
    pointer-events: none; }
    [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 16px; }
  .mdc-text-field--textarea .mdc-floating-label {
    /* @noflip */
    left: 4px;
    /* @noflip */
    right: initial; }
    [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 4px; }
  .mdc-text-field--outlined .mdc-floating-label {
    /* @noflip */
    left: 4px;
    /* @noflip */
    right: initial;
    top: 17px; }
    [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 4px; }
  .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    /* @noflip */
    left: 36px;
    /* @noflip */
    right: initial; }
    [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 36px; }
    .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
      /* @noflip */
      left: 40px;
      /* @noflip */
      right: initial; }
      [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] {
        /* @noflip */
        left: initial;
        /* @noflip */
        right: 40px; }

.mdc-text-field__input {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  -ms-flex-item-align: end;
      align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 16px 6px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .mdc-text-field__input:-ms-input-placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: rgba(0, 0, 0, 0.54); }
  .mdc-text-field__input::placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color: rgba(0, 0, 0, 0.54); }
  .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54) !important; }
  .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
  .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
  .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .mdc-text-field--fullwidth .mdc-text-field__input::placeholder,
  .mdc-text-field--no-label .mdc-text-field__input::placeholder,
  .mdc-text-field--focused .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .mdc-text-field__input:focus {
    outline: none; }
  .mdc-text-field__input:invalid {
    box-shadow: none; }
  .mdc-text-field__input:-webkit-autofill {
    z-index: auto !important; }
  .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding-top: 16px;
    padding-bottom: 16px; }

.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  transform: translateY(-50%) scale(0.75);
  cursor: auto; }

.mdc-text-field--outlined {
  border: none;
  overflow: visible; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.38); }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263); }
  .mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    /* @noflip */
    border-radius: 4px 0 0 4px; }
    [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
      /* @noflip */
      border-radius: 0 4px 4px 0; }
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    /* @noflip */
    border-radius: 0 4px 4px 0; }
    [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
      /* @noflip */
      border-radius: 4px 0 0 4px; }
  .mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1); }
  .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: 12px;
    font-size: 0.75rem; }
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(0.75); }
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    font-size: 1rem; }
  .mdc-text-field--outlined:before, .mdc-text-field--outlined:after {
    content: none; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: transparent; }
  .mdc-text-field--outlined .mdc-text-field__input {
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px 14px;
    border: none !important;
    background-color: transparent;
    z-index: 1; }
  .mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2; }

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px; }

.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: transparent; }
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.06); }
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none; }

.mdc-text-field--outlined.mdc-text-field--dense {
  height: 48px; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) scale(1); }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: 12.8px;
    font-size: 0.8rem; }
  .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) scale(0.8); }
  .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    font-size: 1rem; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px; }
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px; }

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 16px; }

.mdc-text-field--with-leading-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 16px;
    /* @noflip */
    padding-right: 48px; }

.mdc-text-field--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 48px; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 16px; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 16px;
    /* @noflip */
    padding-right: 48px; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1); }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-144%) translateX(32px) scale(1); }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 12px;
  font-size: 0.75rem; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75); }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-130%) translateX(32px) scale(0.75); }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 16px;
  font-size: 1rem; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; }

[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 36px; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) translateX(-21px) scale(1); }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-134%) translateX(21px) scale(1); }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 12.8px;
  font-size: 0.8rem; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) translateX(-21px) scale(0.8); }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"]
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-120%) translateX(21px) scale(0.8); }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 16px;
  font-size: 1rem; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; }

[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; }

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 32px; }

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: 12px;
    /* @noflip */
    right: initial; }

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 48px;
    /* @noflip */
    padding-right: 16px; }

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: 16px;
    /* @noflip */
    right: initial; }

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 48px;
    /* @noflip */
    padding-right: 16px; }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: auto; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: auto;
    /* @noflip */
    right: 16px; }
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
    /* @noflip */
    right: 12px;
    /* @noflip */
    left: auto; }
    [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] {
      /* @noflip */
      right: auto;
      /* @noflip */
      left: 12px; }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 48px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 48px;
    /* @noflip */
    padding-right: 48px; }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  bottom: 16px;
  transform: scale(0.8); }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 12px; }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 16px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 16px;
    /* @noflip */
    padding-right: 44px; }

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 44px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 44px; }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: 12px;
    /* @noflip */
    right: initial; }

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 44px; }
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 44px;
    /* @noflip */
    padding-right: 16px; }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: auto; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    /* @noflip */
    left: auto;
    /* @noflip */
    right: 12px; }
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
    /* @noflip */
    right: 12px;
    /* @noflip */
    left: auto; }
    [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] {
      /* @noflip */
      right: auto;
      /* @noflip */
      left: 12px; }

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 44px; }
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    /* @noflip */
    padding-left: 44px;
    /* @noflip */
    padding-right: 44px; }

.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(0.8); }

.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; }

.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 0; }

.mdc-text-field--dense .mdc-floating-label {
  font-size: 13.008px;
  font-size: .813rem; }
  .mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: 13.008px;
    font-size: .813rem; }

.mdc-text-field__input:required ~ .mdc-floating-label:after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label:after {
  margin-left: 1px;
  content: "*"; }

.mdc-text-field--textarea {
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  height: auto;
  transition: none;
  overflow: visible; }
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.38); }
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.87); }
  .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263); }
  .mdc-text-field--textarea .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    /* @noflip */
    border-radius: 4px 0 0 4px; }
    [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
      /* @noflip */
      border-radius: 0 4px 4px 0; }
  .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    /* @noflip */
    border-radius: 0 4px 4px 0; }
    [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
      /* @noflip */
      border-radius: 4px 0 0 4px; }
  .mdc-text-field--textarea:before, .mdc-text-field--textarea:after {
    content: none; }
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: transparent; }
  .mdc-text-field--textarea .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1); }
  .mdc-text-field--textarea .mdc-floating-label--float-above {
    font-size: 12px;
    font-size: 0.75rem; }
  .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(0.75); }
  .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    font-size: 1rem; }
  .mdc-text-field--textarea .mdc-text-field-character-counter {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 16px;
    position: absolute;
    bottom: 13px; }
    [dir="rtl"] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir="rtl"] {
      /* @noflip */
      left: 16px;
      /* @noflip */
      right: initial; }
  .mdc-text-field--textarea .mdc-text-field__input {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: none; }
  .mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0; }
  .mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none; }
  .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
  .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
  .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px; }

.mdc-text-field--fullwidth {
  width: 100%; }
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block; }
    .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):after {
      content: none; }
    .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
      background-color: transparent; }
    .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
      padding: 0; }
  .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical; }

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: #CF3F34;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field-helper-line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  box-sizing: border-box; }
  .mdc-text-field--dense + .mdc-text-field-helper-line {
    margin-bottom: 4px; }
  .mdc-text-field + .mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px; }

.mdc-form-field > .mdc-text-field + label {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(82, 82, 99, 0.87); }

.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label:after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label:after {
  color: rgba(82, 82, 99, 0.87); }

.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #525263;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #525263); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  border-bottom-color: #CF3F34;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: #CF3F34;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  background-color: #CF3F34;
  /* @alternate */
  background-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #CF3F34;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-floating-label:after,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label:after {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-text-field--disabled {
  background-color: #fafafa;
  border-bottom: none;
  pointer-events: none; }
  .mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, 0.06); }
  .mdc-text-field--disabled .mdc-text-field__input {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-text-field--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-text-field--disabled .mdc-text-field-character-counter,
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0, 0, 0, 0.3); }
  .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, 0.12); }
  .mdc-text-field--disabled .mdc-floating-label {
    cursor: default; }

.mdc-text-field--textarea.mdc-text-field--disabled {
  background-color: transparent;
  /* @alternate */
  background-color: #f9f9f9; }
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.06); }
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none; }

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8); }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8); }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  0% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8); }
  100% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75); } }

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  0% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8); }
  100% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8); } }

@keyframes mdc-floating-label-shake-float-above-textarea {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }

.c-text-field {
  vertical-align: top; }
  .c-text-field .c-text-field__input {
    z-index: auto; }
  .c-text-field .c-floating-label {
    top: 16px; }

input[type="number"].c-text-field__input {
  -moz-appearance: textfield; }

_::-webkit-full-page-media, _:future, :root .c-floating-label {
  top: 14px; }

@keyframes mdc-select-float-native-control {
  0% {
    transform: translateY(8px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000); }

.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  position: absolute;
  bottom: 16px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
  fill: currentColor;
  opacity: 0.54;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none; }

.mdc-select-helper-text {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.03333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  will-change: opacity; }
  .mdc-select-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0; }

.mdc-select-helper-text--persistent {
  transition: none;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  will-change: initial; }

.mdc-select {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color; }
  .mdc-select:not(.mdc-select--disabled) {
    background-color: whitesmoke; }
  .mdc-select:before, .mdc-select:after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    content: ""; }
  .mdc-select:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1; }
  .mdc-select.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-select.mdc-ripple-upgraded:after {
    top: 0;
    /* @noflip */
    left: 0;
    transform: scale(0);
    transform-origin: center center; }
  .mdc-select.mdc-ripple-upgraded--unbounded:after {
    top: var(--mdc-ripple-top, 0);
    /* @noflip */
    left: var(--mdc-ripple-left, 0); }
  .mdc-select.mdc-ripple-upgraded--foreground-activation:after {
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards; }
  .mdc-select.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  .mdc-select:before, .mdc-select:after {
    top: calc(50% - 100%);
    /* @noflip */
    left: calc(50% - 100%);
    width: 200%;
    height: 200%; }
  .mdc-select.mdc-ripple-upgraded:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%); }
  .mdc-select:before, .mdc-select:after {
    background-color: rgba(0, 0, 0, 0.87); }
  .mdc-select:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-select:not(.mdc-ripple-upgraded):focus:before, .mdc-select.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: rgba(0, 0, 0, 0.42); }
  .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-select, .mdc-select__native-control {
    border-radius: 4px 4px 0 0; }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #525263); }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(82, 82, 99, 0.87); }
  .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: rgba(0, 0, 0, 0.87); }
  .mdc-select .mdc-floating-label--float-above {
    transform: translateY(-70%) scale(0.75); }
  .mdc-select .mdc-floating-label {
    /* @noflip */
    left: 16px;
    /* @noflip */
    right: initial;
    top: 21px;
    pointer-events: none; }
    [dir="rtl"] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 16px; }
  .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    /* @noflip */
    left: 48px;
    /* @noflip */
    right: initial; }
    [dir="rtl"] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 48px; }
  .mdc-select.mdc-select--outlined .mdc-floating-label {
    /* @noflip */
    left: 4px;
    /* @noflip */
    right: initial;
    top: 17px; }
    [dir="rtl"] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 4px; }
  .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    /* @noflip */
    left: 36px;
    /* @noflip */
    right: initial; }
    [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
      /* @noflip */
      left: initial;
      /* @noflip */
      right: 36px; }
    .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
      /* @noflip */
      left: 36px;
      /* @noflip */
      right: initial; }
      [dir="rtl"] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] {
        /* @noflip */
        left: initial;
        /* @noflip */
        right: 36px; }
  .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
    /* @noflip */
    left: auto;
    /* @noflip */
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none; }
    [dir="rtl"] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir="rtl"] {
      /* @noflip */
      left: 8px;
      /* @noflip */
      right: auto; }
    .mdc-select--focused .mdc-select__dropdown-icon {
      background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23525263%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; }
    .mdc-select--activated .mdc-select__dropdown-icon {
      transform: rotate(180deg) translateY(-5px);
      transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  .mdc-select__native-control {
    padding-top: 20px; }
  .mdc-select.mdc-select--focused .mdc-line-ripple:after {
    transform: scale(1, 2);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-select + .mdc-select-helper-text {
  margin-right: 12px;
  margin-left: 12px; }

.mdc-select--outlined + .mdc-select-helper-text {
  margin-right: 16px;
  margin-left: 16px; }

.mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-select__selected-text {
  min-width: 200px;
  padding-top: 22px; }

.mdc-select__native-control,
.mdc-select__selected-text {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 52px;
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  padding-top: 20px;
  padding-bottom: 4px;
  border: none;
  border-bottom: 1px solid;
  outline: none;
  background-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"], [dir="rtl"]
  .mdc-select__selected-text,
  .mdc-select__selected-text[dir="rtl"] {
    /* @noflip */
    padding-left: 52px;
    /* @noflip */
    padding-right: 16px; }
  .mdc-select__native-control::-ms-expand,
  .mdc-select__selected-text::-ms-expand {
    display: none; }
  .mdc-select__native-control::-ms-value,
  .mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit; }

@-moz-document url-prefix("") {
  .mdc-select__native-control,
  .mdc-select__selected-text {
    text-indent: -2px; } }

.mdc-select--outlined {
  border: none;
  overflow: visible; }
  .mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent; }
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.38); }
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, 0.87); }
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px; }
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263); }
  .mdc-select--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    /* @noflip */
    border-radius: 4px 0 0 4px; }
    [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
      /* @noflip */
      border-radius: 0 4px 4px 0; }
  .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    /* @noflip */
    border-radius: 0 4px 4px 0; }
    [dir="rtl"] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
      /* @noflip */
      border-radius: 4px 0 0 4px; }
  .mdc-select--outlined .mdc-select__native-control {
    border-radius: 4px; }
  .mdc-select--outlined:before, .mdc-select--outlined:after {
    content: none; }
  .mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent; }
  .mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1); }
  .mdc-select--outlined .mdc-floating-label--float-above {
    font-size: 12px;
    font-size: 0.75rem; }
  .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(0.75); }
  .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 16px;
    font-size: 1rem; }
  .mdc-select--outlined .mdc-select__native-control,
  .mdc-select--outlined .mdc-select__selected-text {
    /* @noflip */
    padding-left: 16px;
    /* @noflip */
    padding-right: 52px;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    border: none;
    background-color: transparent;
    z-index: 1; }
    [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"], [dir="rtl"]
    .mdc-select--outlined .mdc-select__selected-text,
    .mdc-select--outlined .mdc-select__selected-text[dir="rtl"] {
      /* @noflip */
      padding-left: 52px;
      /* @noflip */
      padding-right: 16px; }
  .mdc-select--outlined .mdc-select__selected-text {
    padding-top: 14px; }
  .mdc-select--outlined .mdc-select__icon {
    z-index: 2; }
  .mdc-select--outlined .mdc-floating-label {
    line-height: 18.4px;
    line-height: 1.15rem;
    pointer-events: auto; }

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom-color: #CF3F34;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #CF3F34;
  /* @alternate */
  background-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #CF3F34; }

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  color: #CF3F34;
  /* @alternate */
  color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  border-bottom-color: #CF3F34;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px; }

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #CF3F34;
  /* @alternate */
  border-color: var(--mdc-theme-error, #CF3F34); }

.mdc-select--invalid .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23CF3F34%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; }

.mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-select--required .mdc-floating-label:after {
  content: "*"; }

.mdc-select--disabled {
  background-color: #fafafa;
  cursor: default;
  pointer-events: none; }
  .mdc-select--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-select--disabled .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center; }
  .mdc-select--disabled .mdc-line-ripple {
    display: none; }
  .mdc-select--disabled .mdc-select__icon {
    color: rgba(0, 0, 0, 0.37); }
  .mdc-select--disabled .mdc-select__native-control,
  .mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0, 0, 0, 0.37);
    border-bottom-style: dotted; }
  .mdc-select--disabled .mdc-select__selected-text {
    pointer-events: none; }
  .mdc-select--disabled.mdc-select--outlined {
    background-color: transparent; }
    .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
    .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
      border-bottom-style: none; }
    .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
    .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
    .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
      border-color: rgba(0, 0, 0, 0.16); }

.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial; }
  [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir="rtl"] {
    /* @noflip */
    left: initial;
    /* @noflip */
    right: 16px; }

.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 32px; }
  [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir="rtl"], [dir="rtl"]
  .mdc-select--with-leading-icon .mdc-select__selected-text,
  .mdc-select--with-leading-icon .mdc-select__selected-text[dir="rtl"] {
    /* @noflip */
    padding-left: 32px;
    /* @noflip */
    padding-right: 48px; }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1); }
  [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-144%) translateX(32px) scale(1); }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 12px;
  font-size: 0.75rem; }

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75); }
  [dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"], [dir="rtl"]
  .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-130%) translateX(32px) scale(0.75); }

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 16px;
  font-size: 1rem; }

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; }

[dir="rtl"] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir="rtl"] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; }

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px; }
  [dir="rtl"] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir="rtl"] {
    /* @noflip */
    padding-left: 32px;
    /* @noflip */
    padding-right: 32px; }

.mdc-select__menu .mdc-list .mdc-list-item--selected {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000); }
  .mdc-select__menu .mdc-list .mdc-list-item--selected:before, .mdc-select__menu .mdc-list .mdc-list-item--selected:after {
    background-color: #000; }
    @supports not (-ms-ime-align: auto) {
      .mdc-select__menu .mdc-list .mdc-list-item--selected:before, .mdc-select__menu .mdc-list .mdc-list-item--selected:after {
        /* @alternate */
        background-color: var(--mdc-theme-on-surface, #000); } }
  .mdc-select__menu .mdc-list .mdc-list-item--selected:hover:before {
    opacity: 0.04;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }
  .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    transition: opacity 150ms linear; }
  .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: 0.12;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }
  .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12; }

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
    transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  66% {
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
    transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  100% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }

.c-select {
  overflow: hidden; }
  .c-select__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    transform: translate(0%, -100%); }
  .c-select .c-select__native-control {
    z-index: auto; }

.mdc-dialog,
.mdc-dialog__scrim {
  position: fixed;
  top: 0;
  left: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.mdc-dialog {
  display: none;
  z-index: 7; }
  .mdc-dialog .mdc-dialog__surface {
    background-color: #fff;
    /* @alternate */
    background-color: var(--mdc-theme-surface, #fff); }
  .mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(0, 0, 0, 0.32); }
  .mdc-dialog .mdc-dialog__title {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-dialog .mdc-dialog__content {
    color: rgba(0, 0, 0, 0.6); }
  .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,
  .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
    border-color: rgba(0, 0, 0, 0.12); }
  .mdc-dialog .mdc-dialog__surface {
    min-width: 280px; }
  .mdc-dialog .mdc-dialog__surface {
    max-height: calc(100% - 32px); }
  .mdc-dialog .mdc-dialog__surface {
    border-radius: 4px; }

.mdc-dialog__scrim {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: -1; }

.mdc-dialog__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none; }

.mdc-dialog__surface {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 0;
      flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto; }
  .mdc-dialog[dir="rtl"] .mdc-dialog__surface,
  [dir="rtl"] .mdc-dialog .mdc-dialog__surface {
    /* @noflip */
    text-align: right; }

.mdc-dialog__title {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0 24px 9px;
  border-bottom: 1px solid transparent; }
  .mdc-dialog__title:before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0; }
  .mdc-dialog[dir="rtl"] .mdc-dialog__title,
  [dir="rtl"] .mdc-dialog .mdc-dialog__title {
    /* @noflip */
    text-align: right; }

.mdc-dialog--scrollable .mdc-dialog__title {
  padding-bottom: 15px; }

.mdc-dialog__content {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  -ms-flex-positive: 1;
      flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 24px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .mdc-dialog__content > :first-child {
    margin-top: 0; }
  .mdc-dialog__content > :last-child {
    margin-bottom: 0; }

.mdc-dialog__title + .mdc-dialog__content {
  padding-top: 0; }

.mdc-dialog--scrollable .mdc-dialog__content {
  padding-top: 8px;
  padding-bottom: 8px; }

.mdc-dialog__content .mdc-list:first-child:last-child {
  padding: 6px 0 0; }

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  padding: 0; }

.mdc-dialog__actions {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 8px;
  border-top: 1px solid transparent; }
  .mdc-dialog--stacked .mdc-dialog__actions {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end; }

.mdc-dialog__button {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
  max-width: 100%;
  /* @noflip */
  text-align: right; }
  [dir="rtl"] .mdc-dialog__button, .mdc-dialog__button[dir="rtl"] {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 8px; }
  .mdc-dialog__button:first-child {
    /* @noflip */
    margin-left: 0;
    /* @noflip */
    margin-right: 0; }
    [dir="rtl"] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir="rtl"] {
      /* @noflip */
      margin-left: 0;
      /* @noflip */
      margin-right: 0; }
  .mdc-dialog[dir="rtl"] .mdc-dialog__button,
  [dir="rtl"] .mdc-dialog .mdc-dialog__button {
    /* @noflip */
    text-align: left; }
  .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px; }

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
  display: -ms-flexbox;
  display: flex; }

.mdc-dialog--opening .mdc-dialog__scrim {
  transition: opacity 150ms linear; }

.mdc-dialog--opening .mdc-dialog__container {
  transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); }

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
  transition: opacity 75ms linear; }

.mdc-dialog--closing .mdc-dialog__container {
  transform: scale(1); }

.mdc-dialog--open .mdc-dialog__scrim {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-dialog--open .mdc-dialog__container {
  transform: scale(1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.mdc-dialog-scroll-lock {
  overflow: hidden; }

.c-dialog {
  z-index: 100; }

.mdc-data-table__content {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-data-table {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-sizing: border-box;
  overflow-x: auto; }
  .mdc-data-table__row {
    background-color: inherit; }
  .mdc-data-table__header-row {
    background-color: inherit; }
  .mdc-data-table__row--selected {
    background-color: rgba(82, 82, 99, 0.04); }
  .mdc-data-table__row {
    border-top-color: rgba(0, 0, 0, 0.12); }
  .mdc-data-table__row {
    border-top-width: 1px;
    border-top-style: solid; }
  .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
    background-color: rgba(0, 0, 0, 0.04); }
  .mdc-data-table__header-cell {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-data-table__cell {
    color: rgba(0, 0, 0, 0.87); }
  .mdc-data-table__header-row {
    height: 56px; }
  .mdc-data-table__row {
    height: 52px; }
  .mdc-data-table__cell,
  .mdc-data-table__header-cell {
    padding-right: 16px;
    padding-left: 16px; }
  .mdc-data-table__header-cell--checkbox,
  .mdc-data-table__cell--checkbox {
    /* @noflip */
    padding-left: 16px;
    /* @noflip */
    padding-right: 0; }
    [dir="rtl"] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir="rtl"], [dir="rtl"]
    .mdc-data-table__cell--checkbox,
    .mdc-data-table__cell--checkbox[dir="rtl"] {
      /* @noflip */
      padding-left: 0;
      /* @noflip */
      padding-right: 16px; }

.mdc-data-table__table {
  width: 100%;
  border: 0;
  white-space: nowrap;
  border-collapse: collapse; }

.mdc-data-table__cell {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit; }

.mdc-data-table__cell--numeric {
  text-align: right; }
  [dir="rtl"] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir="rtl"] {
    /* @noflip */
    text-align: left; }

.mdc-data-table__header-cell {
  font-family: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left; }
  [dir="rtl"] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir="rtl"] {
    /* @noflip */
    text-align: right; }

.mdc-data-table__header-cell--numeric {
  text-align: right; }
  [dir="rtl"] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir="rtl"] {
    /* @noflip */
    text-align: left; }

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before {
  background-color: #525263; }
  @supports not (-ms-ime-align: auto) {
    .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
    .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before,
    .mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background:before,
    .mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background:before {
      /* @alternate */
      background-color: var(--mdc-theme-primary, #525263); } }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:after {
  background-color: #525263; }
  @supports not (-ms-ime-align: auto) {
    .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:after,
    .mdc-data-table__row-checkbox.mdc-checkbox--selected:before,
    .mdc-data-table__row-checkbox.mdc-checkbox--selected:after {
      /* @alternate */
      background-color: var(--mdc-theme-primary, #525263); } }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover:before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover:before {
  opacity: 0.04;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=4)"; }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus:before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused:before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus:before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused:before {
  transition-duration: 75ms;
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):after {
  transition: opacity 150ms linear; }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active:after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: 0.12;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"; }

.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12; }

.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after {
  background-color: #525263; }
  @supports not (-ms-ime-align: auto) {
    .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after,
    .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:before,
    .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected:after {
      /* @alternate */
      background-color: var(--mdc-theme-primary, #525263); } }

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent; }

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #525263;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #525263);
  background-color: #525263;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #525263); }

@keyframes mdc-checkbox-fade-in-background-uf2a1235e {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263);
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #525263); } }

@keyframes mdc-checkbox-fade-out-background-uf2a1235e {
  0%,
  80% {
    border-color: #525263;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #525263);
    background-color: #525263;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #525263); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-uf2a1235e; }

.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-uf2a1235e; }

.c-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2147483646;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible; }
  .c-loading.is-loaded {
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    transition: all 250ms 50ms cubic-bezier(0, 0, 0.2, 1); }

.c-page-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.65;
  margin: 0;
  padding: 8px 0;
  border-bottom: rgba(0, 0, 0, 0.12) solid 1px; }
  .c-page-title__text {
    display: inline-block;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700; }

.c-contents-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
  margin: 0;
  background-color: #f2f3f5;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0.525em;
  padding-right: 0.525em; }
  .LC_Page_Cart .c-contents-title {
    margin-top: 2.625em;
    margin-bottom: 1.75em; }
  .c-contents-title__text {
    display: inline-block;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700; }

.c-list-product {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: hidden; }
  .c-list-product.is-wp {
    border: #ebebeb solid 1px;
    background-color: #fff; }
  .c-list-product__link {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    color: #333;
    text-decoration: none; }
  .c-list-product__image {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden; }
    .c-list-product__image:after {
      content: "";
      display: block;
      padding-top: 100%;
      background: rgba(0, 0, 0, 0.015); }
      .is-wp .c-list-product__image:after {
        padding-top: 60%; }
      .p-mypage__ebook .c-list-product__image:after {
        padding-top: 135.74661%; }
    .c-list-product__image-contents {
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      box-sizing: border-box; }
    .c-list-product__image-pic {
      min-width: 1px; }
      .is-wp .c-list-product__image-pic {
        width: 100%; }
  .c-list-product__name {
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    word-break: break-word; }
    .p-mypage__ebook .c-list-product__name {
      font-size: 0.75em; }
  .c-list-product__class-category {
    margin: 0;
    color: rgba(51, 51, 51, 0.8);
    font-size: 12px;
    font-size: 0.75rem; }
  .c-list-product__price {
    color: rgba(51, 51, 51, 0.6);
    font-size: 0.75em;
    font-weight: 700;
    margin: 4px 0 0; }
  .c-list-product__form {
    padding-top: 5px; }
    .c-list-product__form-box-item {
      padding: 10px 0; }
      .c-list-product__form-box-item > .c-select {
        width: 100%; }
      .c-list-product__form-box-item > .c-text-field {
        width: 100%; }
  .c-list-product__actions {
    margin-top: auto;
    padding-top: 10px; }
    .c-list-product__actions-item {
      text-align: center; }
  .c-list-product__attention {
    color: #CF3F34;
    font-size: 12px;
    font-size: .75rem;
    line-height: normal;
    letter-spacing: .03333em; }
  .c-list-product__contents {
    padding: 0 15px; }
  .c-list-product__footer {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: 15px;
    padding: 0 15px; }
    .c-list-product__footer-layout {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 0 -6px;
      overflow: hidden;
      padding-bottom: 15px; }
      .c-list-product__footer-layout.is-product {
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .c-list-product__data {
    margin: 0 6px; }
    .c-list-product__data-time {
      display: block;
      font-size: 0.75em;
      line-height: 1.2;
      padding: 4px 0;
      letter-spacing: 0; }
  .c-list-product__category {
    margin: 0 6px;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
    .c-list-product__category-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: -2px;
      padding: 0; }
      .p-mypage__ebook .c-list-product__category-list {
        margin-top: 10px; }
        .p-mypage__ebook .c-list-product__category-list:empty {
          display: none; }
      .c-list-product__category-list-item {
        font-size: 0.75em;
        line-height: 1.2;
        margin: 2px;
        background: #1c1c1c;
        color: #fff;
        padding: 4px 8px;
        letter-spacing: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
    .c-list-product__category-paid {
      margin: 0;
      line-height: 1;
      font-size: 0;
      display: inline-block;
      transform: translateY(4px); }
      .c-list-product__category-paid-icon {
        color: #dec047; }
        .c-list-product__category-paid-icon.is-silver {
          color: #999; }
  .c-list-product__delete {
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px 15px; }
    .c-list-product__delete-link {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      cursor: pointer;
      color: #333;
      border: solid 1px #333;
      padding: 2px 8px; }
    .c-list-product__delete-icon {
      font-size: 16px; }
    .c-list-product__delete-text {
      font-size: 0.875em;
      margin-left: 4px; }

.c-detail-product {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -30px; }
  .c-detail-product__image {
    width: 60%;
    padding: 0 30px;
    box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative; }
    .c-detail-product__image-pic {
      min-width: 1px;
      margin: 0 auto; }
    .c-detail-product__image-navi {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0 -2px;
      padding: 2px 0 0; }
    .c-detail-product__image-thumb {
      width: 20%;
      padding: 2px; }
  .c-detail-product__profile {
    width: 40%;
    padding: 0 30px;
    box-sizing: border-box; }
    .c-detail-product__profile-layout {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin: 0 -5px; }
      .c-detail-product__profile-layout-item {
        margin: 0 5px; }
  .c-detail-product__tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -2px;
    padding: 0; }
    .c-detail-product__tag-list-item {
      list-style: none;
      font-size: 0.75em;
      margin: 2px;
      background: #f2f3f5;
      border: rgba(0, 0, 0, 0.12) solid 1px;
      border-radius: 2px;
      padding: 0px 6px; }
  .c-detail-product__tag-text {
    display: block;
    font-size: 0.875em;
    line-height: 17px; }
  .c-detail-product__favorite-button {
    background: rgba(0, 0, 0, 0);
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%; }
    .c-detail-product__favorite-button-icon {
      transform: translateY(1px); }
      .is-disabled .c-detail-product__favorite-button-icon {
        color: #ff7fa1; }
  .c-detail-product__title {
    margin: 9px 0 0;
    font-size: 1.25em;
    line-height: 1.5;
    font-weight: 700; }
  .c-detail-product__code {
    margin: 15px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 0.875em; }
    .c-detail-product__code--label, .c-detail-product__price-normal--label, .c-detail-product__point--label, .c-detail-product__maker--label, .c-detail-product__maker-url--label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 6.825em;
      white-space: nowrap; }
      .c-detail-product__code--label:after, .c-detail-product__price-normal--label:after, .c-detail-product__point--label:after, .c-detail-product__maker--label:after, .c-detail-product__maker-url--label:after {
        content: ":";
        width: 1.3125em;
        text-align: center; }
    .c-detail-product__code--number, .c-detail-product__price-normal--number, .c-detail-product__point--number, .c-detail-product__maker--detail, .c-detail-product__maker-url--detail {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .c-detail-product__price-normal, .c-detail-product__point, .c-detail-product__maker, .c-detail-product__maker-url {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 0.875em; }
    .c-detail-product__price-normal--tax, .c-detail-product__point--unit {
      margin-left: 0.525em;
      white-space: nowrap; }
  .c-detail-product__price-selling {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .c-detail-product__price-selling--number {
      font-size: 22.4px;
      font-size: 1.4rem;
      line-height: 1.67;
      font-weight: 700;
      color: rgba(51, 51, 51, 0.8); }
    .c-detail-product__price-selling--tax {
      margin-left: 0.525em;
      white-space: nowrap; }
  .c-detail-product__point {
    margin-top: 10px; }
  .c-detail-product__category {
    margin: 15px 0; }
    .c-detail-product__category-label {
      color: rgba(51, 51, 51, 0.7);
      font-size: 0.875em;
      font-weight: 700;
      margin-bottom: 2px; }
    .c-detail-product__category-detail {
      margin: 0; }
    .c-detail-product__category-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .c-detail-product__category-list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        font-size: 0.875em; }
        .c-detail-product__category-list-item:after {
          content: ">";
          width: 2.1em;
          text-align: center; }
        .c-detail-product__category-list-item:last-child:after {
          display: none; }
  .c-detail-product__form {
    margin-top: 2.625em;
    border-top: rgba(0, 0, 0, 0.12) dotted 1px;
    padding-top: 10px; }
    .c-detail-product__form-box-item {
      padding: 10px 0; }
      .c-detail-product__form-box-item > .mdc-select {
        width: 100%;
        max-width: 400px; }
      .c-detail-product__form-box-item > .c-text-field {
        width: 100%;
        max-width: 240px; }
  .c-detail-product__actions {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 10px; }
    .c-detail-product__actions-item {
      padding: 5px 10px;
      box-sizing: border-box; }
  .c-detail-product__button {
    width: 100%;
    max-width: 240px; }
  .c-detail-product__comment {
    margin-top: 2.625em;
    margin-bottom: 1.75em; }
  .c-detail-product__attention {
    color: #CF3F34;
    font-size: 12px;
    font-size: .75rem;
    line-height: normal;
    letter-spacing: .03333em; }
  .c-detail-product .slick-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 16px 0 0;
    padding: 0; }
    .c-detail-product .slick-dots li {
      list-style: none;
      margin: 0 4px;
      font-size: 0; }
      .c-detail-product .slick-dots li.slick-active button {
        background: #525263; }
    .c-detail-product .slick-dots button {
      width: 10px;
      height: 0;
      padding: 10px 0 0;
      background: rgba(0, 0, 0, 0.24);
      border: none;
      border-radius: 50%;
      overflow: hidden; }

.c-pager {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  padding-bottom: 1.75em; }
  .c-pager__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 0 -2px; }
    .c-pager__list-item {
      margin: 0 2px;
      font-size: 0.75em;
      font-weight: 700; }
  .c-pager__link--number, .c-pager__link--text {
    color: #333;
    display: block;
    padding: 4px;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 2px; }
  .c-pager__link--number {
    background-color: #fff;
    border: #988154 solid 1px; }
    .is-active .c-pager__link--number {
      color: #fff;
      background-color: #988154;
      border-color: #988154;
      pointer-events: none; }

.c-scroll-to-top {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  transform: translate(0%, 100%) rotate(90deg);
  transform-origin: top right;
  padding: 20px;
  cursor: pointer; }
  .c-scroll-to-top.is-show {
    transition: transform 250ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  .c-scroll-to-top.is-hide {
    transition: transform 250ms 0ms cubic-bezier(0.4, 0, 1, 1);
    transform: translate(100%, 100%) rotate(90deg); }
  .c-scroll-to-top__contents {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .c-scroll-to-top__contents:before, .c-scroll-to-top__contents:after {
      content: "";
      display: block;
      width: 20px;
      height: 1px;
      background: #333; }
  .c-scroll-to-top__text {
    font-size: 0.6em;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.125em;
    padding: 0 10px; }

.c-load-overlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483647;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.c-form {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .c-form.has-border {
    border-top: dotted 1px rgba(0, 0, 0, 0.12); }
  .c-form__parts {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    border-bottom: dotted 1px rgba(0, 0, 0, 0.12); }
    .c-form__parts.is-border-none {
      border-bottom: none; }
    .c-form__parts.has-border-top {
      border-top: dotted 1px rgba(0, 0, 0, 0.12); }
    .c-form__parts-label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      margin-right: 1.05em;
      min-width: 300px; }
      .is-input .c-form__parts-label {
        padding: 23px 0 0; }
      .is-confirm .c-form__parts-label {
        padding: 10px 0 0; }
      .c-form__parts-label.is-radio {
        padding: 16px 0 0; }
      .c-form__parts-label.is-checkbox {
        padding: 16px 0 0; }
      .c-form__parts-label-text {
        color: rgba(51, 51, 51, 0.8);
        font-weight: 700; }
      .c-form__parts-label-required {
        font-size: 10px;
        color: #CF3F34;
        margin-left: 0.525em; }
    .c-form__parts-detail {
      width: 100%;
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .c-form__box {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px; }
    .c-form__box-item {
      width: 100%;
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 10px 0;
      margin: 0 10px; }
      .c-form__box-item.is-half {
        -ms-flex-positive: initial;
            flex-grow: initial;
        -ms-flex-preferred-size: calc(50% - 20px);
            flex-basis: calc(50% - 20px); }
      .c-form__box-item > .c-text-field {
        width: 100%; }
  .c-form__radios {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .c-form__radios-item {
      margin-right: 1.05em; }
  .c-form__postcode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .c-form__postcode-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin: 0 10px 0 0; }
      .c-form__postcode-item:last-child {
        margin: 0; }
    .c-form__postcode-mark {
      margin-right: 0.525em; }
    .c-form__postcode-link {
      text-decoration: none; }
    .c-form__postcode-dash {
      width: 1.55em;
      text-align: center;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .c-form__tel, .c-form__fax {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .c-form__tel-item.is-main, .c-form__fax-item.is-main {
      width: 100%; }
      .c-form__tel-item.is-main > .c-text-field, .c-form__fax-item.is-main > .c-text-field {
        width: 100%; }
    .c-form__tel-dash, .c-form__birth-slash, .c-form__card-slash, .c-form__fax-dash {
      display: block;
      width: 1.575em;
      text-align: center; }
  .c-form__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .c-form__price-unit {
      display: block;
      width: 1.55em;
      text-align: center;
      margin-left: 0.2625em; }
  .c-form__image-item {
    padding-bottom: 15px; }
    .c-form__image-item:last-child {
      padding-bottom: 0; }
  .c-form__image-text {
    font-size: 0.875em;
    margin: 5px 0 0; }
  .c-form__birth {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .c-form__get-address {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 -10px; }
    .c-form__get-address-item {
      margin: 0 10px; }
    .c-form__get-address-text {
      margin: 0;
      font-size: 0.875em;
      color: rgba(51, 51, 51, 0.8); }
  .c-form__note {
    margin: 0;
    font-size: 0.875em;
    color: rgba(51, 51, 51, 0.8); }
  .c-form__result {
    margin: 0;
    word-break: break-all;
    min-height: 1.75em; }
  .c-form__actions {
    margin-top: 2.625em;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .c-form__actions-item {
      padding: 5px 10px;
      box-sizing: border-box; }
  .c-form__error-text {
    color: #CF3F34;
    font-size: 12px;
    font-size: .75rem;
    line-height: normal;
    letter-spacing: .03333em;
    margin: 0 16px;
    -webkit-font-smoothing: antialiased; }
    .c-form__error-text:before {
      content: "";
      display: inline-block;
      width: 0;
      height: 16px;
      vertical-align: 0; }
  .c-form__card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .c-form__card-unit {
      display: block;
      width: 1.575em;
      text-align: center; }
  .c-form__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px; }
    .c-form__title-text {
      display: inline-block;
      color: rgba(51, 51, 51, 0.8);
      font-weight: 700; }
  .c-form__modal {
    position: relative;
    z-index: 10; }
    .c-form__modal-checkbox {
      display: none; }
      .c-form__modal-checkbox:checked ~ .c-form__modal-body {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible; }
    .c-form__modal-body {
      position: fixed;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      visibility: hidden;
      transition: opacity .25s, visibility .25s;
      padding: 0 16px;
      z-index: 1;
      box-sizing: border-box;
      width: 100vw;
      height: 100vh;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
    .c-form__modal-contents {
      background-color: white;
      padding: 24px;
      width: 100%;
      max-width: 980px;
      border-radius: 10px;
      position: relative;
      box-sizing: border-box; }
    .c-form__modal-scroll {
      overflow-y: scroll;
      max-height: 80vh; }
      .c-form__modal-scroll-contents {
        overflow: hidden; }
    .c-form__modal-description {
      border-bottom: dotted 1px rgba(0, 0, 0, 0.12);
      margin-bottom: 0;
      padding-bottom: 26px; }
    .c-form__modal-close-button {
      position: relative;
      display: inline-block;
      width: 40px;
      height: 40px;
      border: 1px solid #000;
      border-radius: 50%;
      cursor: pointer;
      text-align: center;
      line-height: 20px;
      overflow: hidden;
      font-size: 0;
      position: absolute;
      top: -10px;
      right: -10px;
      background-color: #fff; }
      .c-form__modal-close-button:before, .c-form__modal-close-button:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 2px;
        background-color: #000;
        transform-origin: center center; }
      .c-form__modal-close-button:before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .c-form__modal-close-button:after {
        transform: translate(-50%, -50%) rotate(-45deg); }
      .c-form__modal-close-button:active, .c-form__modal-close-button:focus {
        outline: none; }
    .c-form__modal .c-form__parts {
      -ms-flex-direction: column;
          flex-direction: column; }
    .c-form__modal .c-form__parts-label {
      min-width: 130px;
      padding-top: 4px; }
  .c-form__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

.c-error {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background: rgba(0, 0, 0, 0.48);
  padding: 10px 20px;
  box-sizing: border-box; }
  .c-error-message {
    margin: 0;
    color: #fff;
    font-size: 0.875em;
    text-align: center; }

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden; }

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out; }
  .modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden; }
  .modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none; }
  .modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .modaal-wrapper.modaal-start_fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .modaal-wrapper *[tabindex="0"] {
    outline: none !important; }
  .modaal-wrapper.modaal-fullscreen {
    overflow: hidden; }

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%; }
  .modaal-fullscreen .modaal-outer-wrapper {
    display: block; }

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px; }
  .modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top; }

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto; }
  .modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden; }
  .modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto; }

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  .modaal-close:focus, .modaal-close:hover {
    outline: none;
    background: #fff; }
    .modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
      background: #b93d0c; }
  .modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-close:before, .modaal-close:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-close:before {
    transform: rotate(-45deg); }
  .modaal-close:after {
    transform: rotate(45deg); }
  .modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px; }

.modaal-content-container {
  padding: 30px; }

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0; }

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent; }
  .modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background 0.2s ease-in-out; }
    .modaal-confirm-btn.modaal-ok:hover {
      background: #2f2f2f; }
  .modaal-confirm-btn.modaal-cancel {
    text-decoration: underline; }
    .modaal-confirm-btn.modaal-cancel:hover {
      text-decoration: none;
      color: #2f2f2f; }

@keyframes instaReveal {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important; }

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent; }

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.modaal-instagram iframe {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px; }

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%; }

.modaal-gallery-wrap {
  position: relative;
  color: #fff; }

.modaal-gallery-item {
  display: none; }
  .modaal-gallery-item img {
    display: block; }
  .modaal-gallery-item.is_active {
    display: block; }

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff; }
  .modaal-gallery-label:focus {
    outline: none; }

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  .modaal-gallery-control.is_hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: default; }
  .modaal-gallery-control:focus, .modaal-gallery-control:hover {
    outline: none;
    background: #fff; }
    .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
      background: #afb7bc; }
  .modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg); }
  .modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg); }

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px; }

.modaal-gallery-next-outer {
  right: 45px; }

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px; }

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg); }

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg); }

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px; }

.modaal-gallery-prev-outer {
  left: 45px; }

.modaal-video-wrap {
  margin: auto 50px;
  position: relative; }

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }
  .modaal-video-container iframe,
  .modaal-video-container object,
  .modaal-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%; }

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block; }

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25); }

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    transform: scale(1); } }

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute; }

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

.c-modaal .modaal-container {
  max-width: 400px;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px; }

.c-modaal .modaal-content-container {
  padding: 0; }

.c-modaal .modaal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  background: #333; }
  .c-modaal .modaal-close:before, .c-modaal .modaal-close:after {
    border-radius: 2px; }
  .c-modaal .modaal-close:focus, .c-modaal .modaal-close:hover {
    background: #3c3c3c; }
    .c-modaal .modaal-close:focus:before, .c-modaal .modaal-close:focus:after, .c-modaal .modaal-close:hover:before, .c-modaal .modaal-close:hover:after {
      background: #fff; }

.c-modal-box .closeArea {
  position: relative;
  width: 100%;
  height: 80%; }
  .c-modal-box .closeArea .close {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    z-index: 11;
    right: 10px;
    top: 10px;
    border-radius: 90px;
    padding: 8px;
    box-sizing: border-box; }
    .c-modal-box .closeArea .close span:before,
    .c-modal-box .closeArea .close span:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 60%;
      height: 8%;
      margin: -8% 0 0 -30%;
      background: #000; }
    .c-modal-box .closeArea .close span:before {
      transform: rotate(-45deg); }
    .c-modal-box .closeArea .close span:after {
      transform: rotate(45deg); }

.c-modal-wrapper {
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  margin: 0 auto; }
  .c-modal-wrapper .modalArea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11; }
  .c-modal-wrapper .modal-close {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    color: #95979c !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0; }
    .c-modal-wrapper .modal-close:hover {
      color: #2b2e38 !important; }
  .c-modal-wrapper .modal {
    max-height: 80%;
    position: fixed;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    overflow-y: scroll !important;
    max-width: 400px;
    border-radius: 3px;
    z-index: 100; }
    .c-modal-wrapper .modal .modalInr {
      padding: 40px 30px; }

.c-modal-commit_text {
  font-size: 16px;
  line-height: 2;
  text-align: left; }

.modal-overlay {
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); }

/* block */
.b-cart {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
  width: 39%;
  vertical-align: text-bottom;
  margin-bottom: 20px;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-cart a {
    background-color: transparent; }
  .b-cart a:active,
  .b-cart a:hover {
    outline: 0; }
  .b-cart img {
    border: 0; }
  .b-cart * {
    box-sizing: border-box; }
  .b-cart *:after,
  .b-cart *:before {
    box-sizing: border-box; }
  .b-cart a {
    color: #337ab7;
    text-decoration: none; }
  .b-cart a:focus,
  .b-cart a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-cart a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-cart img {
    vertical-align: middle; }
  .b-cart .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .b-cart .btn:active:focus,
  .b-cart .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-cart .btn:focus,
  .b-cart .btn:hover {
    color: #333;
    text-decoration: none; }
  .b-cart .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .b-cart a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-cart a:active,
  .b-cart a:focus,
  .b-cart a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-cart img {
    max-width: 100%; }
  .b-cart h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-cart .btn {
    font-size: 16px;
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 10px 16px;
    font-weight: bold; }
  .b-cart p {
    font-size: 12px; }
  .b-cart a {
    color: #333; }
  .b-cart a:hover {
    color: #666;
    text-decoration: underline; }
  .b-cart .block-side {
    overflow: hidden; }
  .b-cart .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-cart .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-cart #block-cart .btn a:hover img {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); }
  .b-cart .block-side p {
    font-size: 12px;
    width: 100%; }
  .b-cart .block-side .btn {
    padding: 0;
    width: 100px;
    margin-left: auto;
    margin-right: auto; }
  .b-cart #block-cart p {
    margin: auto; }
  .b-cart #block-cart .btn {
    padding: 10px 0 0;
    text-align: center;
    width: 100%; }
  .b-cart #block-cart .total {
    padding: 5px 0 0;
    text-align: right; }
  .b-cart #block-cart .item {
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC; }
  .b-cart .price {
    color: #CC0000;
    font-weight: bold; }
  .b-cart body .btn {
    border-radius: 4px; }
  .b-cart .price {
    color: #CC0000;
    font-weight: bold; }
  .b-cart__bottom {
    margin-top: 10px; }
  .b-cart__sns-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .b-cart__sns-list-item {
      margin-left: 10px; }
    .b-cart__sns-list-link {
      display: block; }
  .b-cart__guide-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    text-align: center; }
    .b-cart__guide-list-text {
      display: block;
      font-size: 13px;
      font-weight: bold;
      white-space: nowrap; }
    .b-cart__guide-list-item {
      margin-left: 14px; }
    .b-cart__guide-list-link {
      display: block; }

/*
.b-category-nav-pc {}
*/
.b-category-nav-sp {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-category-nav-sp a {
    background-color: transparent; }
  .b-category-nav-sp a:active,
  .b-category-nav-sp a:hover {
    outline: 0; }
  .b-category-nav-sp * {
    box-sizing: border-box; }
  .b-category-nav-sp *:after,
  .b-category-nav-sp *:before {
    box-sizing: border-box; }
  .b-category-nav-sp a {
    color: #337ab7;
    text-decoration: none; }
  .b-category-nav-sp a:focus,
  .b-category-nav-sp a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-category-nav-sp a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-category-nav-sp a {
    color: #0092c4;
    text-decoration: none;
    cursor: pointer; }
  .b-category-nav-sp a:active,
  .b-category-nav-sp a:focus,
  .b-category-nav-sp a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-category-nav-sp ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .b-category-nav-sp li {
    margin: 0;
    padding: 0; }
  .b-category-nav-sp h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-category-nav-sp a {
    color: #333; }
  .b-category-nav-sp a:hover {
    color: #666;
    text-decoration: underline; }
  .b-category-nav-sp .block-side {
    overflow: hidden; }
  .b-category-nav-sp .block-side_outer #categorytree .child {
    display: none; }
  .b-category-nav-sp .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-category-nav-sp .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-category-nav-sp #block-category {
    font-weight: bold;
    padding: 0 9px 10px; }
  .b-category-nav-sp .block-side {
    border: 1px solid #ddd;
    background: #fff;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-category-nav-sp #categorytree li a {
    font-size: 12px;
    display: block;
    padding: 8px 6px;
    border-bottom: 1px dotted #ccc; }
  .b-category-nav-sp .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }

.b-guide {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-guide * {
    box-sizing: border-box; }
  .b-guide *:after,
  .b-guide *:before {
    box-sizing: border-box; }
  .b-guide h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-guide p {
    font-size: 12px; }
  .b-guide .block-side {
    overflow: hidden; }
  .b-guide .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-guide .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-guide .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-guide .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-guide .block-side p {
    font-size: 12px;
    width: 100%; }
  .b-guide #shopping_guide h3 {
    margin-top: 12px;
    margin-bottom: 5px;
    font-size: 12px;
    padding-left: 10px;
    background: url("../img/legacy/common/arrow_black.png") no-repeat left center; }
  .b-guide #shopping_guide p {
    font-size: 11px;
    text-align: left;
    margin-top: 0; }
  .b-guide #shopping_guide p span {
    display: block;
    font-size: 85.93%; }

.b-info {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-info a {
    background-color: transparent; }
  .b-info a:active,
  .b-info a:hover {
    outline: 0; }
  .b-info * {
    box-sizing: border-box; }
  .b-info *:after,
  .b-info *:before {
    box-sizing: border-box; }
  .b-info a {
    color: #337ab7;
    text-decoration: none; }
  .b-info a:focus,
  .b-info a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-info a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-info a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-info a:active,
  .b-info a:focus,
  .b-info a:hover {
    color: #988153;
    outline: none; }
  .b-info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .b-info li {
    margin: 0;
    padding: 0; }
  .b-info h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-info a {
    color: #333; }
  .b-info a:hover {
    color: #666;
    text-decoration: underline; }
  .b-info .block-side {
    overflow: hidden; }
  .b-info .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-info .block-side_outer {
    background: url("https://drm-eccube3.cos.sundaysys.com/html/template/drm/img/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-info .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-info .block-side_outer {
    background: url("https://drm-eccube3.cos.sundaysys.com/html/template/drm/img/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-info .list-guide {
    border-bottom: dotted 1px #CCCCCC;
    padding: 4px 0 2px;
    font-size: 90%; }
  .b-info .list-guide a {
    padding: 0 0 0 10px;
    background: url("https://drm-eccube3.cos.sundaysys.com/html/template/drm/img/common/arrow_black.png") no-repeat left center;
    font-size: 12px;
    display: inline-block; }
    .b-info .list-guide a:hover {
      text-decoration: underline; }

.b-login-sp {
  background: #333; }
  .b-login-sp__list-item {
    border-top: solid 1px rgba(255, 255, 255, 0.12); }
    .b-login-sp__list-item:first-child {
      border-top: none; }
  .b-login-sp__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    text-decoration: none;
    padding-left: 1.05em;
    padding-right: 1.05em;
    padding-top: 16px;
    padding-bottom: 16px; }

.b-login {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .l-main .b-login {
    display: block; }
  .l-drawer .b-login {
    display: none; }
  .b-login a {
    background-color: transparent; }
  .b-login a:active,
  .b-login a:hover {
    outline: 0; }
  .b-login svg:not(:root) {
    overflow: hidden; }
  .b-login * {
    box-sizing: border-box; }
  .b-login *:after,
  .b-login *:before {
    box-sizing: border-box; }
  .b-login a {
    color: #337ab7;
    text-decoration: none; }
  .b-login a:focus,
  .b-login a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-login a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-login a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-login a:active,
  .b-login a:focus,
  .b-login a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-login ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .b-login li {
    margin: 0;
    padding: 0; }
  .b-login .cb {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor; }
  .b-login h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-login .member_link {
    margin-bottom: 16px; }
  .b-login .member_link a {
    border-bottom: 1px solid #e8e8e8;
    color: #525263;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    white-space: nowrap; }
  .b-login .member_link a:hover {
    color: #9797a1; }
  .b-login .member_link a .cb {
    font-size: 30px;
    fill: #B8BEC4;
    margin-right: 5px;
    position: relative;
    top: -1px; }
  .b-login .member_link a:hover .cb {
    fill: #c6cbd0; }
  .b-login a {
    color: #333; }
  .b-login a:hover {
    color: #666;
    text-decoration: underline; }
  .b-login .member_link_pw_forgot {
    border-top: 1px dotted #ccc;
    text-align: center;
    width: 100%; }
  .b-login .member_link_pw_forgot a {
    font-size: 12px; }
  .b-login .block-side {
    overflow: hidden; }
  .b-login .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-login .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-login .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-login .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }

/*
.b-logo {}
*/
.b-nav-sp__button--open {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 40px;
  height: 40px; }
  .b-nav-sp__button--open.is-hidden {
    visibility: hidden; }

.b-news {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-news__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
  .b-news a {
    background-color: transparent; }
  .b-news a:active,
  .b-news a:hover {
    outline: 0; }
  .b-news img {
    border: 0; }
  .b-news * {
    box-sizing: border-box; }
  .b-news *:after,
  .b-news *:before {
    box-sizing: border-box; }
  .b-news a {
    color: #337ab7;
    text-decoration: none; }
  .b-news a:focus,
  .b-news a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-news a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-news img {
    vertical-align: middle; }
  .b-news .clearfix:after,
  .b-news .clearfix:before {
    content: " ";
    display: table; }
  .b-news .clearfix:after {
    clear: both; }
  .b-news a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-news a:active,
  .b-news a:focus,
  .b-news a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-news dd,
  .b-news dl,
  .b-news dt {
    margin: 0;
    padding: 0; }
  .b-news img {
    max-width: 100%; }
  .b-news h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-news .front_page a:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .b-news .news_contents {
    padding: 0; }
  .b-news #news_area {
    background: none; }
  .b-news .clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0; }
  .b-news a {
    color: #333; }
  .b-news a:hover {
    color: #666;
    text-decoration: underline; }
  .b-news .recommend_group_title {
    border-bottom: 2px solid #000;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: 1px;
    margin: 0 0 20px; }
  .b-news #news-title-box {
    position: relative; }
  .b-news #rss-news {
    position: absolute;
    right: 0;
    top: 5px; }
  .b-news .newslist {
    max-height: 210px;
    overflow: auto; }
  .b-news .newslist dl {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .b-news .newslist dt {
    cursor: default;
    padding: 0;
    position: relative;
    font-weight: bold;
    font-size: 14px; }
  .b-news .newslist dt .news-date {
    font-weight: normal;
    padding: 1px 3px 0 0;
    color: #00468C;
    font-size: 14px; }
  .b-news .news-comment {
    margin: 0;
    padding: 0;
    color: #666666;
    font-size: 13px; }
  .b-news .newslist dd {
    display: block;
    margin: 0; }

.b-recommend {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-recommend a {
    background-color: transparent; }
  .b-recommend a:active,
  .b-recommend a:hover {
    outline: 0; }
  .b-recommend img {
    border: 0; }
  .b-recommend * {
    box-sizing: border-box; }
  .b-recommend *:after,
  .b-recommend *:before {
    box-sizing: border-box; }
  .b-recommend a {
    color: #337ab7;
    text-decoration: none; }
  .b-recommend a:focus,
  .b-recommend a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-recommend a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-recommend img {
    vertical-align: middle; }
  .b-recommend .row {
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .b-recommend .col {
    float: none;
    display: -ms-flexbox;
    display: flex;
    height: auto; }
  .b-recommend .col-md-3,
  .b-recommend .col-sm-3,
  .b-recommend .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .b-recommend .col-xs-6 {
    width: 50%; }
  .b-recommend a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-recommend a:active,
  .b-recommend a:focus,
  .b-recommend a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-recommend dd,
  .b-recommend dl,
  .b-recommend dt {
    margin: 0;
    padding: 0; }
  .b-recommend img {
    max-width: 100%; }
  .b-recommend .row {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 16px; }
  .b-recommend .col-md-3,
  .b-recommend .col-sm-3,
  .b-recommend .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px; }
  .b-recommend .item_photo {
    display: block;
    margin: 0 0 8px;
    text-align: center; }
  .b-recommend .item_photo img {
    width: 100%;
    height: auto; }
  .b-recommend .item_comment {
    margin: 0 0 8px; }
  .b-recommend .item_name {
    color: #525263;
    margin: 0 0 8px; }
  .b-recommend .item_price {
    color: #525263;
    font-weight: bold; }
  .b-recommend p {
    font-size: 12px; }
  .b-recommend .front_page a:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .b-recommend .front_page #contents .row > div {
    padding-bottom: 8px; }
  .b-recommend .pickup_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .b-recommend .pickup_item .item_comment {
    color: #333;
    margin: 0 0 3px;
    font-size: 12px; }
  .b-recommend a {
    color: #333; }
  .b-recommend a:hover {
    color: #666;
    text-decoration: underline; }
  .b-recommend .recommend_group_title {
    border-bottom: 2px solid #dae0e6;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: 1px;
    margin: 0 0 20px; }
  .b-recommend .pickup_item .item_photo {
    display: table;
    margin: 0 0 8px;
    text-align: center;
    position: relative;
    width: 100%;
    table-layout: fixed; }
  .LC_Page_Index .b-recommend .item_photo > a {
    display: table-cell;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    width: 100%; }
  .b-recommend .pickup_item {
    width: 100%; }
  .b-recommend .pickup_item .item_photo {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .b-recommend .pickup_item .item_photo a {
    display: block;
    min-height: 0; }
  .LC_Page_Index .b-recommend .item_name a {
    font-weight: bold; }
  .LC_Page_Index .b-recommend .item_price {
    text-align: right;
    margin-top: auto; }
  .b-recommend .item_photo img {
    width: 100%; }
  .b-recommend .item_comment {
    margin: 0 0 8px;
    font-size: 12px; }
  .b-recommend .item_name {
    font-size: 12px;
    margin: 0 0 5px; }
  .b-recommend .item_price {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px; }

.b-newbook {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .b-newbook a {
    background-color: transparent; }
  .b-newbook a:active,
  .b-newbook a:hover {
    outline: 0; }
  .b-newbook img {
    border: 0; }
  .b-newbook * {
    box-sizing: border-box; }
  .b-newbook *:after,
  .b-newbook *:before {
    box-sizing: border-box; }
  .b-newbook a {
    color: #337ab7;
    text-decoration: none; }
  .b-newbook a:focus,
  .b-newbook a:hover {
    color: #23527c;
    text-decoration: underline; }
  .b-newbook a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-newbook img {
    vertical-align: middle; }
  .b-newbook .row {
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .b-newbook .col {
    float: none;
    display: -ms-flexbox;
    display: flex;
    height: auto; }
  .b-newbook .col-md-3,
  .b-newbook .col-sm-3,
  .b-newbook .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .b-newbook .col-xs-6 {
    width: 50%; }
  .b-newbook a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .b-newbook a:active,
  .b-newbook a:focus,
  .b-newbook a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .b-newbook dd,
  .b-newbook dl,
  .b-newbook dt {
    margin: 0;
    padding: 0; }
  .b-newbook img {
    max-width: 100%; }
  .b-newbook .row {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 16px; }
  .b-newbook .col-md-3,
  .b-newbook .col-sm-3,
  .b-newbook .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px; }
  .b-newbook .item_photo {
    display: block;
    margin: 0 0 8px;
    text-align: center; }
  .b-newbook .item_photo img {
    width: 100%;
    height: auto; }
  .b-newbook .item_comment {
    margin: 0 0 8px; }
  .b-newbook .item_name {
    color: #525263;
    margin: 0 0 8px; }
  .b-newbook .item_price {
    color: #525263;
    font-weight: bold; }
  .b-newbook p {
    font-size: 12px; }
  .b-newbook .front_page a:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .b-newbook .front_page #contents .row > div {
    padding-bottom: 8px; }
  .b-newbook .pickup_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .b-newbook .pickup_item .item_comment {
    color: #333;
    margin: 0 0 3px;
    font-size: 12px; }
  .b-newbook a {
    color: #333; }
  .b-newbook a:hover {
    color: #666;
    text-decoration: underline; }
  .b-newbook .newbook_group_title {
    border-bottom: 2px solid #dae0e6;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: 1px;
    margin: 0 0 20px; }
  .b-newbook .pickup_item .item_photo {
    display: table;
    margin: 0 0 8px;
    text-align: center;
    position: relative;
    width: 100%;
    table-layout: fixed; }
  .b-newbook .pickup_item {
    width: 100%; }
  .b-newbook .pickup_item .item_photo {
    display: block;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .b-newbook .pickup_item .item_photo a {
    display: block;
    min-height: 0; }
  .LC_Page_Index .b-newbook .item_photo > a {
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    width: 100%; }
  .LC_Page_Index .b-newbook .item_name a {
    font-weight: bold; }
  .LC_Page_Index .b-newbook .item_price {
    text-align: right;
    margin-top: auto; }
  .b-newbook .item_photo img {
    width: 100%; }
  .b-newbook .item_comment {
    margin: 0 0 8px;
    font-size: 12px; }
  .b-newbook .item_name {
    font-size: 12px;
    margin: 0 0 5px; }
  .b-newbook .item_price {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px; }

.b-search-product {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0;
  display: inline-block;
  width: 60%;
  vertical-align: text-bottom;
  padding-left: 340px;
  margin-bottom: 20px;
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .l-main .b-search-product {
    display: block; }
  .l-drawer .b-search-product {
    display: none; }
  .b-search-product input,
  .b-search-product select {
    color: inherit;
    font: inherit;
    margin: 0; }
  .b-search-product select {
    text-transform: none; }
  .b-search-product input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .b-search-product input {
    line-height: normal; }
  .b-search-product input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box; }
  .b-search-product * {
    box-sizing: border-box; }
  .b-search-product *:after,
  .b-search-product *:before {
    box-sizing: border-box; }
  .b-search-product input,
  .b-search-product select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .b-search-product .btn {
    display: inline-block;
    margin: 0 0 0 4px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    background-color: #aeaeae;
    border: none;
    white-space: nowrap;
    font-size: 16px;
    font-size: 20.8px;
    font-size: 1.3rem;
    padding: 2px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    min-width: 36px;
    max-width: 36px;
    max-height: 36px;
    line-height: 36px; }
    .b-search-product .btn input {
      width: 20px;
      height: 20px; }
  .b-search-product .btn:active:focus,
  .b-search-product .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .b-search-product .btn:focus,
  .b-search-product .btn:hover {
    color: #333;
    text-decoration: none; }
  .b-search-product .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .b-search-product .clearfix:after,
  .b-search-product .clearfix:before {
    content: " ";
    display: table; }
  .b-search-product .clearfix:after {
    clear: both; }
  .b-search-product input:focus,
  .b-search-product select:focus {
    outline: none; }
  .b-search-product form .form-control {
    border: 1px solid #c2c7cd;
    border-radius: none;
    box-shadow: none;
    font-size: 16px;
    font-size: 12px;
    height: auto;
    padding: 2px 12px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-search-product form .form-control:focus {
    border-color: #3c8dbc !important;
    box-shadow: none; }
  .b-search-product .form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .b-search-product .form-control:-ms-input-placeholder {
    color: #bbb; }
  .b-search-product .form-control::-webkit-input-placeholder {
    color: #bbb; }
  .b-search-product .form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .b-search-product h2 {
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem; }
  .b-search-product #searchform {
    position: relative; }
  .b-search-product .search select {
    height: 50px;
    border: 1px solid #ccc;
    font-size: 16px;
    font-size: 25.6px;
    font-size: 1.6rem;
    padding: 0.5em 1em;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box; }
  .b-search-product .search select option {
    max-width: 190px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .b-search-product .search .input_search {
    text-align: center;
    display: -ms-flexbox;
    display: flex; }
  .b-search-product .search input[type="search"] {
    border: 1px solid #c2c7cd;
    border-radius: none;
    box-shadow: none;
    font-size: 12px;
    height: 36px;
    padding: 2px 12px;
    width: 100%;
    max-width: 210px;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-search-product p {
    font-size: 12px; }
  .b-search-product #search {
    background: #EBEBEB;
    padding: 16px 8px; }
  .b-search-product #search select {
    width: 100%; }
  .b-search-product .extra-form {
    margin: 0; }
  .b-search-product .clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0; }
  .b-search-product .block-side {
    overflow: hidden; }
  .b-search-product .title-side {
    height: auto;
    padding: 12px 5px 10px 10px;
    overflow: hidden;
    margin: 0;
    color: #333;
    background: #dedede;
    font-weight: bold;
    font-size: 15px; }
  .b-search-product .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 10px 9px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .b-search-product #block-search .btn input[type=image]:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); }
  .b-search-product .block-side p {
    font-size: 12px;
    width: 100%; }
  .b-search-product .block-side .btn {
    padding: 0;
    width: 100px;
    margin-left: auto;
    margin-right: auto; }
  .b-search-product .block-side_outer .label {
    font-size: 12px; }
  .b-search-product #block-search .label {
    padding: 0 0 3px 8px;
    margin: 0 0 0 2px;
    background: url("../img/legacy/common/arrow_black.png") no-repeat 0 center; }
  .b-search-product #block-search select {
    width: 100%;
    border: solid 1px #CCCCCC;
    background: #fff;
    padding: 2px;
    height: 24px;
    font-size: 10px;
    margin-bottom: 10px; }
  .b-search-product body .btn {
    border-radius: 4px; }

.b-slider {
  margin-top: 10px;
  padding: 0 10px;
  /* Dots */
  /* slick slider */ }
  .b-slider__notice {
    padding-left: 10px;
    padding-right: 10px; }
    .b-slider__notice-title {
      font-weight: 700;
      color: #fe424a;
      border-right: 1px solid #999;
      padding-right: 15px;
      margin-right: 15px; }
    .b-slider__notice-text {
      font-size: 13px;
      padding: 10px 16px;
      background-color: #f7e4e4; }
  .b-slider__fixed {
    display: none; }
  .b-slider .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0; }
  .b-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .b-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .b-slider .slick-dots li button:focus,
  .b-slider .slick-dots li button:hover {
    outline: none; }
  .b-slider .slick-dots li button:focus:before,
  .b-slider .slick-dots li button:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .b-slider .slick-dots li button:before {
    content: " ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    text-align: center;
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    background-color: black;
    border-radius: 50%; }
  .b-slider .slick-dots li.slick-active button:before {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    background-color: black; }
  .b-slider .slick-dots li button.thumbnail img {
    width: 0;
    height: 0; }
  .b-slider .slick-slide img {
    /*width: 100%;*/
    width: auto;
    height: auto; }
  .b-slider .slick-slide {
    text-align: center; }
  .b-slider .slick-slide img {
    display: inline-block; }
  .b-slider .slick-next,
  .b-slider .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: none;
    z-index: 1; }
  .b-slider .slick-prev {
    background: url("../img/legacy/common/ico_slick_arrow_left.png") no-repeat 0 center;
    left: 15px;
    background-color: transparent;
    background-size: 100%; }
  .b-slider .slick-next {
    background: url("../img/legacy/common/ico_slick_arrow_right.png") no-repeat 0 center;
    right: 15px;
    background-color: transparent;
    background-size: 100%; }

.b-mypage-navi {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box; }
  .b-mypage-navi .block-side_outer {
    background: url("../img/legacy/common/bg_side.png") no-repeat center bottom;
    padding: 0 0 7px;
    margin: 0 0 10px; }
  .b-mypage-navi .block-side {
    border: 1px solid #DDD;
    background: #FFF;
    width: 100%;
    padding: 0px 9px;
    box-sizing: border-box;
    overflow: hidden; }
  .b-mypage-navi__profile {
    padding: 12px 6px 10px; }
    .b-mypage-navi__profile-class {
      margin: 0;
      color: #999;
      font-weight: bold;
      font-size: 0.875em;
      line-height: 1.3; }
    .b-mypage-navi__profile-name {
      margin: 2px 0 0;
      font-weight: bold;
      line-height: 1.5; }
  .b-mypage-navi__list {
    margin: 0;
    padding: 0; }
    .b-mypage-navi__list-item {
      list-style: none; }
  .b-mypage-navi__link {
    text-decoration: none;
    display: block;
    line-height: 1.5;
    font-size: 0.875em;
    padding: 8px 6px;
    border-top: 1px dotted #ccc;
    color: #333; }

.b-mypage-banner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
  box-sizing: border-box; }
  .b-mypage-banner__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

/* page */
.p-cart__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-cart__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-cart__progress {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-top: 2.625em; }
  .p-cart__progress-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: -5px;
    margin-right: -5px; }
    .p-cart__progress-list-item {
      width: 20%;
      position: relative;
      z-index: 1;
      padding: 0 5px;
      box-sizing: border-box; }
      .p-cart__progress-list-item:before, .p-cart__progress-list-item:after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #525263;
        position: absolute;
        top: 15px;
        z-index: -1;
        transform: translateY(-50%); }
      .p-cart__progress-list-item:before {
        left: 0; }
      .p-cart__progress-list-item:after {
        right: 0; }
      .p-cart__progress-list-item:first-child:before, .p-cart__progress-list-item:last-child:after {
        display: none; }
  .p-cart__progress-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    width: 30px;
    height: 30px;
    background: #525263;
    border-radius: 50%;
    margin: 0 auto; }
    .is-active .p-cart__progress-number {
      color: #fff;
      background: #DE5D50; }
  .p-cart__progress-label {
    display: block;
    color: rgba(51, 51, 51, 0.6);
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: center;
    margin: 5px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .is-active .p-cart__progress-label {
      color: #DE5D50; }

.p-cart__error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #cf3f34; }
  .p-cart__error-icon {
    color: #fff;
    margin-right: 0.2625em; }
  .p-cart__error-text {
    color: #fff; }

.p-cart__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 2.625em; }
  .p-cart__info-message {
    color: rgba(51, 51, 51, 0.84);
    margin: 0; }
  .p-cart__info-total {
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    margin: 0; }

.p-cart__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px; }
  .p-cart__list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 25%;
    padding: 0 15px 15px;
    margin-top: 40px;
    box-sizing: border-box;
    position: relative; }

.p-cart__table, .p-cart__total {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-cart__table-heading {
    background-color: #f2f3f5; }
    .p-cart__table-heading-list, .p-cart__table-body-list {
      display: -ms-flexbox;
      display: flex; }
      .p-cart__table-heading-list-item, .p-cart__table-body-list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        font-weight: 700;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box; }
        .p-cart__table-heading-list-item:nth-child(1), .p-cart__table-body-list-item:nth-child(1) {
          width: 15%; }
        .p-cart__table-heading-list-item:nth-child(2), .p-cart__table-body-list-item:nth-child(2) {
          width: 45%; }
        .p-cart__table-heading-list-item:nth-child(3), .p-cart__table-body-list-item:nth-child(3) {
          width: 20%;
          text-align: center;
          -ms-flex-positive: 1;
              flex-grow: 1; }
        .p-cart__table-heading-list-item:nth-child(4), .p-cart__table-body-list-item:nth-child(4) {
          width: 20%;
          text-align: right; }
  .p-cart__table-body {
    padding-top: 10px; }
    .p-cart__table-body-list {
      border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
      .p-cart__table-body-list.is-login {
        border-bottom: dotted 1px rgba(0, 0, 0, 0.12); }
      .p-cart__table-body-list-item {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 400; }

.p-cart__delete-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #525263;
  text-decoration: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  border: solid 2px rgba(82, 82, 99, 0.36); }

.p-cart__product {
  display: -ms-flexbox;
  display: flex; }
  .p-cart__product-image {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 100px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .p-cart__product-summary {
    -ms-flex-positive: 1;
        flex-grow: 1;
    box-sizing: border-box;
    padding-left: 1.05em; }
  .p-cart__product-name {
    margin: 0 0 5px; }
  .p-cart__product-class-category {
    margin: 0;
    color: rgba(51, 51, 51, 0.8);
    font-size: 12px;
    font-size: 0.75rem; }
  .p-cart__product-unit-price {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 8px 0 0; }

.p-cart__quantity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 70px;
  margin: 0 auto; }
  .p-cart__quantity-item {
    margin: 0 auto; }

.p-cart__amount {
  text-align: center;
  margin: 0 0 5px; }
  .p-cart__amount-label {
    display: none; }

.p-cart__calculator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 -5px; }
  .p-cart__calculator-item {
    margin: 0 5px; }
  .p-cart__calculator-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #525263;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0;
    width: 30px;
    height: 30px;
    background: #fff;
    border: solid 2px rgba(82, 82, 99, 0.36);
    border-radius: 50%;
    text-decoration: none;
    box-sizing: border-box;
    outline: none;
    cursor: pointer; }
    .p-cart__calculator-button.is-disabled, .p-cart__calculator-button:disabled {
      color: graytext;
      border: solid 2px rgba(82, 82, 99, 0.24);
      background: rgba(0, 0, 0, 0.02); }
    .is-disabled .p-cart__calculator-button-icon {
      color: rgba(82, 82, 99, 0.36); }

.p-cart__subtotal-label {
  display: none; }

.p-cart__buy-later {
  text-align: right;
  padding: 15px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }

.p-cart__total {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px;
  box-sizing: border-box; }
  .p-cart__total-label {
    margin-right: 5px; }
  .p-cart__total-price {
    font-size: 19.2px;
    font-size: 1.2rem;
    line-height: 1.71;
    color: #DE5D50;
    font-weight: 700; }

.p-cart__birth-point, .p-cart__add-point {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 15px;
  box-sizing: border-box; }
  .p-cart__birth-point-label, .p-cart__add-point-label {
    font-size: 0.875em;
    margin-right: 5px; }
  .p-cart__birth-point-detail, .p-cart__add-point-detail {
    font-size: 0.875em;
    color: #DE5D50;
    font-weight: 700; }

.p-cart__shipping {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .p-cart__shipping-text {
    font-size: 0.875em;
    margin: 0; }
    .p-cart__shipping-text--em {
      color: #DE5D50; }

.p-cart__actions {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .p-cart__actions-item {
    padding: 5px 10px;
    box-sizing: border-box; }

.p-cart__favorite-delete {
  display: block;
  color: #fff;
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 1;
  padding: 10px;
  line-height: 1; }
  .p-cart__favorite-delete-icon {
    font-size: 30px;
    vertical-align: top;
    color: #525263;
    background: #ffffff;
    border-radius: 50%; }

.p-company {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20200304 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .p-company a {
    background-color: transparent; }
  .p-company a:active,
  .p-company a:hover {
    outline: 0; }
  .p-company h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .p-company table {
    border-collapse: collapse;
    border-spacing: 0; }
  .p-company td,
  .p-company th {
    padding: 0; }
  .p-company * {
    box-sizing: border-box; }
  .p-company *:after,
  .p-company *:before {
    box-sizing: border-box; }
  .p-company a {
    color: #337ab7;
    text-decoration: none; }
  .p-company a:focus,
  .p-company a:hover {
    color: #23527c;
    text-decoration: underline; }
  .p-company a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-company a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .p-company a:active,
  .p-company a:focus,
  .p-company a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .p-company .inner {
    max-width: 950px;
    margin: auto;
    overflow: hidden; }
  .p-company .no-padding {
    padding: 0 !important !important; }
  .p-company a {
    color: #333; }
  .p-company a:hover {
    color: #666;
    text-decoration: underline; }
  .p-company .page-heading {
    margin: 0 0 25px;
    padding: 0 0 0 3px;
    font-size: 13px;
    border-bottom: 2px solid #000000;
    font-weight: bold; }
  .p-company .horizontal_table {
    border: 1px solid #dfdfdf;
    border-top: none;
    text-align: left;
    width: 100%;
    margin-bottom: 20px; }
  .p-company .horizontal_table th {
    padding: 8px;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    background-color: #f0f0f0;
    font-weight: normal;
    font-size: 12px;
    width: 22%; }
  .p-company .horizontal_table td {
    padding: 8px;
    border-top: 1px solid #dfdfdf;
    font-weight: normal;
    font-size: 12px;
    width: 78%; }

.p-contact__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-contact__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-contact__description {
  margin-top: 1.75em; }

.p-contact__notes {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-contact__notes-text {
    font-size: 12.8px;
    font-size: 0.8rem;
    line-height: 1.75;
    margin-top: 1em;
    margin-bottom: 1em; }
    .p-contact__notes-text span {
      color: red; }
    .p-contact__notes-text.red {
      color: red; }

.p-contact__complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-contact__complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-contact__complete-message-detail {
    margin-left: 0; }

.p-contact__complete-description {
  margin-bottom: 0; }

.p-contact__company {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.75em; }
  .p-contact__company-item-label {
    color: rgba(51, 51, 51, 0.8);
    font-size: 0.875em; }

.p-contact__actions {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .p-contact__actions-item {
    padding: 5px 10px;
    box-sizing: border-box; }

.p-entry__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }
  .p-entry__heading__rank {
    padding: 0; }
  .p-entry__heading__rankchain {
    padding: 0;
    margin-bottom: 1.75em; }

.p-entry__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }
  .p-entry__contents__rank {
    padding: 0; }

.p-entry__description {
  margin-top: 1.75em;
  margin-bottom: 1.75em; }
  .p-entry__description-label {
    font-weight: 700;
    color: rgba(51, 51, 51, 0.8); }
  .p-entry__description-detail {
    margin: 0; }
  .p-entry__description-text {
    margin: 0; }
    .p-entry__description-text__rank {
      font-size: 12px;
      font-size: 0.75rem; }

.p-entry__kiyaku {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-entry__kiyaku__rank {
    max-width: 100%; }
  .p-entry__kiyaku-textfield {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 26.25em;
    border: rgba(0, 0, 0, 0.12) solid 1px;
    box-sizing: border-box;
    padding: 1.05em;
    background: rgba(242, 243, 245, 0.5); }
    .p-entry__kiyaku-textfield__rank {
      height: 15em;
      font-size: 12px;
      font-size: 0.75rem; }
  .p-entry__kiyaku-anti-title {
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 1.69;
    color: rgba(51, 51, 51, 0.9);
    font-weight: 700;
    margin-bottom: 0; }
  .p-entry__kiyaku-anti-list-layout {
    display: -ms-flexbox;
    display: flex; }
    .p-entry__kiyaku-anti-list-layout-icon {
      width: 30px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .p-entry__kiyaku-anti-list-layout-text {
      margin: 0; }

.p-entry__check {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.p-entry__complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-entry__complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-entry__complete-message-detail {
    margin-left: 0; }

.p-entry__complete-description {
  margin-bottom: 0; }

.p-entry__complete-notes {
  margin: 0;
  color: #DE5D50; }

.p-entry__company {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }
  .p-entry__company-item-label {
    color: rgba(51, 51, 51, 0.8);
    font-size: 0.875em; }

.p-entry__actions {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .p-entry__actions-item {
    padding: 5px 10px;
    box-sizing: border-box; }

.p-entry__button.is-disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  pointer-events: none; }

.p-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  min-height: 58vh; }
  .p-error__heading {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box; }
  .p-error__contents {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box; }
  .p-error__message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto; }
    .p-error__message-label {
      font-size: 28.8px;
      font-size: 1.8rem;
      line-height: 1.59;
      color: rgba(51, 51, 51, 0.8);
      font-weight: 700;
      text-align: center; }
    .p-error__message-detail {
      margin-left: 0; }
    .p-error__message-mark {
      display: block;
      text-align: center; }
      .p-error__message-mark-icon {
        color: #DE5D50;
        font-size: 60px; }
    .p-error__message-description {
      margin-bottom: 0; }
  .p-error__actions {
    margin-top: 2.625em;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    .p-error__actions-item {
      padding: 5px 10px;
      box-sizing: border-box; }

.p-faq {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20200304 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .p-faq a {
    background-color: transparent; }
  .p-faq a:active,
  .p-faq a:hover {
    outline: 0; }
  .p-faq h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .p-faq * {
    box-sizing: border-box; }
  .p-faq *:after,
  .p-faq *:before {
    box-sizing: border-box; }
  .p-faq a {
    color: #337ab7;
    text-decoration: none; }
  .p-faq a:focus,
  .p-faq a:hover {
    color: #23527c;
    text-decoration: underline; }
  .p-faq a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-faq a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .p-faq a:active,
  .p-faq a:focus,
  .p-faq a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .p-faq ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .p-faq li {
    margin: 0;
    padding: 0; }
  .p-faq h2 {
    font-size: 1em;
    margin: 15px 0; }
  .p-faq .inner {
    max-width: 950px;
    margin: auto;
    overflow: hidden; }
  .p-faq .no-padding {
    padding: 0 !important !important; }
  .p-faq p {
    font-size: 12px; }
  .p-faq a {
    color: #333; }
  .p-faq a:hover {
    color: #666;
    text-decoration: underline; }
  .p-faq .page-heading {
    margin: 0 0 25px;
    padding: 0 0 0 3px;
    font-size: 13px;
    border-bottom: 2px solid #000000;
    font-weight: bold; }
  .p-faq .faq-box {
    width: 100%;
    margin: 0; }
  .p-faq .faq-box ul + h2 {
    margin-top: 30px; }
  .p-faq .faq-box ul {
    margin-top: 15px;
    list-style: none;
    margin-left: 0;
    padding: 0; }
  .p-faq .faq-box .faq-item {
    margin-bottom: 10px;
    list-style: none;
    margin-left: 0; }
  .p-faq .faq-box .faq-question {
    padding: 15px 15px 15px 40px;
    background-color: #988154;
    cursor: pointer;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    position: relative; }
  .p-faq .faq-box .faq-answer {
    padding: 15px;
    background: #fff;
    margin-left: 30px;
    border: 1px solid #988154;
    border-top: 0; }
  .p-faq .faq-box .faq-answer a {
    text-decoration: underline;
    color: #01468C; }
  .p-faq .faq-box li .accordion_icon,
  .p-faq .faq-box li .accordion_icon span {
    display: inline-block;
    transition: all 0.3s;
    box-sizing: border-box; }
  .p-faq .faq-box li .accordion_icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 10px;
    margin: 15px 0 0; }
  .p-faq .faq-box li .accordion_icon span {
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #FFF; }
  .p-faq .faq-box li .accordion_icon span:nth-of-type(1) {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  .p-faq .faq-box li .accordion_icon span:nth-of-type(2) {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.p-footer {
  background-color: #eeece9;
  margin-top: 40px;
  padding-top: 30px; }
  .p-footer__top {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0; }
    .p-footer__top-contents {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
      -ms-flex-pack: justify;
          justify-content: space-between;
      max-width: 1120px;
      margin: auto;
      position: relative;
      box-sizing: border-box; }
  .p-footer__navi {
    max-width: 770px;
    width: 70%; }
    .p-footer__navi-title {
      display: none; }
    .p-footer__navi-list {
      padding: 0;
      margin: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly; }
      .p-footer__navi-list.is-sub {
        display: block; }
      .p-footer__navi-list-item {
        list-style: none;
        margin-left: 20px;
        width: 100%; }
        .p-footer__navi-list-item.is-sub {
          margin-left: 0;
          border-bottom: none; }
        > .p-footer__navi-list-item:nth-child(1) {
          max-width: 220px; }
        > .p-footer__navi-list-item:nth-child(2) {
          max-width: 180px; }
        > .p-footer__navi-list-item:nth-child(3) {
          max-width: 310px; }
      .p-footer__navi-list-title {
        position: relative;
        display: block;
        color: #4d4d4d;
        font-size: 13px;
        font-weight: bold;
        padding: 0 0 15px;
        margin-bottom: 15px;
        border-bottom: 2px solid #988154; }
      .p-footer__navi-list-dl {
        margin-top: 0;
        margin-bottom: 16px; }
      .p-footer__navi-list-dt {
        font-size: 13px;
        margin-bottom: 5px; }
      .p-footer__navi-list-dd {
        font-size: 11px;
        margin: 0; }
    .p-footer__navi-link {
      display: block;
      color: #4d4d4d;
      font-size: 13px;
      line-height: 1.5;
      text-decoration: none;
      padding: 5px 0; }
  .p-footer__logo {
    max-width: 260px;
    width: 30%; }
    .p-footer__logo-link {
      display: block;
      margin: 0 auto;
      max-width: 180px; }
  .p-footer__overview-text {
    padding-left: 10px;
    padding-right: 10px;
    color: #4d4d4d;
    font-size: 12px; }
  .p-footer__related-list {
    background-color: #988154;
    margin-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 10px 0; }
    .p-footer__related-list-item {
      list-style: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center; }
  .p-footer__related-link {
    padding: 10px 20px;
    font-size: 13px;
    color: #fff;
    display: block;
    text-decoration: none;
    width: 100%; }
    .p-footer__related-link .p-footer__related-icon {
      vertical-align: middle;
      max-width: 10px;
      margin-left: 5px; }
  .p-footer__related-text {
    position: relative;
    display: inline-block;
    padding-right: 15px; }
    .p-footer__related-text:after {
      content: " ";
      display: block;
      width: 10px;
      height: 10px;
      background-image: url("/user_data/packages/default/svg/external_link.svg");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%); }
  .p-footer__copy {
    background-color: #000;
    text-align: center;
    margin: 0;
    padding: 10px 0; }
    .p-footer__copy-text {
      display: block;
      color: #fff;
      font-size: 10px;
      line-height: 3; }
  .p-footer__page-top {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -52px; }

.p-forgot__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-forgot__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-forgot__complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-forgot__complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-forgot__complete-message-fonts {
    font-size: 25.6px;
    font-size: 1.6rem; }
  .p-forgot__complete-message-detail {
    margin-left: 0; }

.p-forgot__complete-description {
  margin-bottom: 0; }

.p-header {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0;
  max-width: 1100px; }
  .p-header__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    position: relative; }
  .p-header__button {
    display: none; }
    .p-header__button--open {
      cursor: pointer;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 40px;
      height: 40px; }
    .p-header__button-icon {
      max-width: 20px; }
  .p-header__logo {
    overflow: hidden;
    font-size: 1px;
    line-height: 1; }
    .p-header__logo-link {
      display: block;
      max-width: 210px;
      position: relative; }
    .p-header__logo-svg {
      width: 100%;
      height: auto;
      vertical-align: top; }
      .p-header__logo-svg .st0 {
        fill: #333; }
      .p-header__logo-svg .st1 {
        fill: #25b39f; }
    .p-header__logo-text {
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translateY(100%);
      white-space: nowrap; }
  .p-header__navi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    margin: auto; }
    .p-header__navi-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .p-header__navi-list-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
    .p-header__navi-link {
      display: block;
      text-decoration: none;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      white-space: nowrap;
      padding: 10px; }
    .p-header__navi-icon {
      font-size: 18px;
      width: 28px;
      height: 28px;
      padding: 3px;
      vertical-align: top;
      margin-left: 4px; }
      .is-show .p-header__navi-icon {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        transform: translateX(0);
        transition: all 250ms 0ms cubic-bezier(0.4, 0, 1, 1); }
      .is-hide .p-header__navi-icon {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        transform: translateX(-100%);
        transition: all 250ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  .p-header__category {
    min-width: 260px; }
    .p-header__category-link {
      display: block;
      font-size: 0.875em;
      color: #333;
      text-decoration: none;
      padding-left: 1.05em;
      padding-right: 1.05em;
      padding-top: 8px;
      padding-bottom: 8px;
      -webkit-font-smoothing: auto; }
  .p-header__spacer {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .p-header__media-link {
    position: relative;
    display: block;
    background-color: #000000;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 10px;
    line-height: 2.4;
    border-bottom: 2px solid #f6f6f6; }
  .p-header__media-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    max-width: 25px; }
  .p-header__login-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .p-header__login-list-item {
      margin-left: 10px; }
      .p-header__login-list-item form {
        margin-bottom: 0; }
  .p-header__login-link {
    display: block;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding: 5px;
    width: 148px; }
    .p-header__login-link.is-register {
      background-color: #fe424a;
      color: #fff; }
  .p-header__bottom {
    -ms-overflow-style: none;
    position: relative;
    z-index: 1 !important;
    background-color: #988154;
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: auto; }
    .p-header__bottom::-webkit-scrollbar {
      display: none; }

@-moz-document url-prefix() {
  .p-header__bottom {
    scrollbar-width: none; } }
    .p-header__bottom:after {
      content: " ";
      display: block;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.6);
      position: absolute;
      left: 0;
      right: 0;
      bottom: 1px; }

_:lang(x)::-ms-backdrop,
.p-header__logo-svg {
  height: 23px; }

.LC_Page_Cart .p-header__logo-link,
.LC_Page_Shopping .p-header__logo-link,
.LC_Page_Shopping_Deliv .p-header__logo-link,
.LC_Page_Shopping_Payment .p-header__logo-link,
.LC_Page_Shopping_Confirm .p-header__logo-link,
.LC_Page_Shopping_Complete .p-header__logo-link,
.ZeusSecureApi .p-header__logo-link {
  pointer-events: none; }

.LC_Page_Cart .p-header__media,
.LC_Page_Shopping .p-header__media,
.LC_Page_Shopping_Deliv .p-header__media,
.LC_Page_Shopping_Payment .p-header__media,
.LC_Page_Shopping_Confirm .p-header__media,
.LC_Page_Shopping_Complete .p-header__media,
.ZeusSecureApi .p-header__media {
  visibility: hidden; }

.LC_Page_Cart .p-header,
.LC_Page_Shopping .p-header,
.LC_Page_Shopping_Deliv .p-header,
.LC_Page_Shopping_Payment .p-header,
.LC_Page_Shopping_Confirm .p-header,
.LC_Page_Shopping_Complete .p-header,
.ZeusSecureApi .p-header {
  height: 100px; }

.LC_Page_Cart .p-header__utility,
.LC_Page_Cart .p-header__button,
.LC_Page_Cart .p-header__button,
.LC_Page_Shopping .p-header__utility,
.LC_Page_Shopping .p-header__button,
.LC_Page_Shopping .p-header__button,
.LC_Page_Shopping_Deliv .p-header__utility,
.LC_Page_Shopping_Deliv .p-header__button,
.LC_Page_Shopping_Deliv .p-header__button,
.LC_Page_Shopping_Payment .p-header__utility,
.LC_Page_Shopping_Payment .p-header__button,
.LC_Page_Shopping_Payment .p-header__button,
.LC_Page_Shopping_Confirm .p-header__utility,
.LC_Page_Shopping_Confirm .p-header__button,
.LC_Page_Shopping_Confirm .p-header__button,
.LC_Page_Shopping_Complete .p-header__utility,
.LC_Page_Shopping_Complete .p-header__button,
.LC_Page_Shopping_Complete .p-header__button,
.ZeusSecureApi .p-header__utility,
.ZeusSecureApi .p-header__button,
.ZeusSecureApi .p-header__button {
  display: none; }

.LC_Page_Cart .p-footer,
.LC_Page_Shopping .p-footer,
.LC_Page_Shopping_Deliv .p-footer,
.LC_Page_Shopping_Payment .p-footer,
.LC_Page_Shopping_Confirm .p-footer,
.LC_Page_Shopping_Complete .p-footer,
.ZeusSecureApi .p-footer {
  padding-top: 0; }

.LC_Page_Cart .p-footer__top,
.LC_Page_Cart .p-footer__related,
.LC_Page_Shopping .p-footer__top,
.LC_Page_Shopping .p-footer__related,
.LC_Page_Shopping_Deliv .p-footer__top,
.LC_Page_Shopping_Deliv .p-footer__related,
.LC_Page_Shopping_Payment .p-footer__top,
.LC_Page_Shopping_Payment .p-footer__related,
.LC_Page_Shopping_Confirm .p-footer__top,
.LC_Page_Shopping_Confirm .p-footer__related,
.LC_Page_Shopping_Complete .p-footer__top,
.LC_Page_Shopping_Complete .p-footer__related,
.ZeusSecureApi .p-footer__top,
.ZeusSecureApi .p-footer__related {
  display: none; }

.p-help__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-help__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-help__description {
  margin-top: 1.75em; }

.p-help__about {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-help__about-parts {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    border-bottom: dotted 1px rgba(0, 0, 0, 0.12); }
    .p-help__about-parts-label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start;
      margin-right: 1.05em;
      min-width: 200px;
      padding: 10px 0; }
      .p-help__about-parts-label-text {
        color: rgba(51, 51, 51, 0.7);
        font-weight: 700; }
    .p-help__about-parts-detail {
      -ms-flex-positive: 1;
          flex-grow: 1; }
  .p-help__about-box {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px; }
    .p-help__about-box-item {
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 10px 0;
      margin: 0 10px; }
  .p-help__about-text {
    margin: 0; }

.p-help__kiyaku {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-help__kiyaku-parts {
    padding: 10px 0; }
    .p-help__kiyaku-parts-label-text {
      color: rgba(51, 51, 51, 0.8);
      font-weight: 700;
      font-size: 20.8px;
      font-size: 1.3rem;
      line-height: 1.69;
      margin-top: 1.69em;
      margin-bottom: 1.69em; }
  .p-help__kiyaku-box {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px; }
    .p-help__kiyaku-box-item {
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 10px 0;
      margin: 0 10px; }

.p-help__kiyaku-list-layout {
  display: -ms-flexbox;
  display: flex; }
  .p-help__kiyaku-list-layout-icon {
    width: 45px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .p-help__kiyaku-list-layout-text {
    margin: 0; }

.p-help__agreement {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-help__agreement-parts {
    padding: 10px 0; }
    .p-help__agreement-parts-label-text {
      color: rgba(51, 51, 51, 0.7);
      font-weight: 700;
      font-size: 20.8px;
      font-size: 1.3rem;
      line-height: 1.69;
      margin-top: 1.69em;
      margin-bottom: 1.69em; }
  .p-help__agreement-box {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px; }
    .p-help__agreement-box-item {
      -ms-flex-positive: 1;
          flex-grow: 1;
      padding: 10px 0;
      margin: 0 10px; }

.p-mypage__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-mypage__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-mypage__login {
  width: 100%;
  max-width: 600px;
  margin: 0 auto; }
  .p-mypage__login-user {
    text-align: center; }
    .p-mypage__login-user-icon {
      color: rgba(51, 51, 51, 0.8);
      font-size: 60px; }
  .p-mypage__login-info {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.12);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 10px 0 20px; }
    .p-mypage__login-info-text {
      color: rgba(51, 51, 51, 0.7);
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0;
      padding-right: 2.1em; }
    .p-mypage__login-info-button {
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.p-mypage__navi {
  padding: 10px 0 0; }
  .p-mypage__navi-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: 0 -5px; }
    .p-mypage__navi-list-item {
      margin: 10px 0 0;
      padding: 0 5px;
      box-sizing: border-box;
      width: calc(100% / 5);
      -ms-flex-align: stretch;
          align-items: stretch;
      display: -ms-flexbox;
      display: flex; }
  .p-mypage__navi-button {
    width: 100%;
    height: auto;
    padding: 12px 10px; }
    .is-active .p-mypage__navi-button {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    .p-mypage__navi-button span {
      white-space: initial;
      text-overflow: initial;
      overflow: auto;
      line-height: 1.3; }

.p-mypage__welcome-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }

.p-mypage__page-message-attention {
  color: #CF3F34; }

.p-mypage__page-message-list {
  padding: 0; }
  .p-mypage__page-message-list-item {
    list-style: none;
    display: -ms-flexbox;
    display: flex; }
    .p-mypage__page-message-list-item:before {
      content: "・";
      display: block;
      width: 1.05em; }

.p-mypage__actions {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .p-mypage__actions-item {
    padding: 5px 10px;
    box-sizing: border-box; }

.p-mypage__error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #cf3f34; }
  .p-mypage__error-icon {
    color: #fff;
    margin-right: 0.2625em; }
  .p-mypage__error-text {
    color: #fff; }

.p-mypage__index-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0; }
  .p-mypage__index-list-item {
    width: 32%;
    margin-bottom: 20px;
    list-style: none;
    display: -ms-flexbox;
    display: flex; }

.p-mypage__index-link {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-decoration: none; }

.p-mypage__history-button.is-disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.p-mypage__history-list-item {
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.875em;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.p-mypage__history-image {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0; }

.p-mypage__history-info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-left: 20px;
  margin-bottom: 0.875em;
  box-sizing: border-box; }

.p-mypage__history-date {
  color: rgba(51, 51, 51, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0 0 5px; }

.p-mypage__history-order-number, .p-mypage__history-order-status {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-mypage__history-order-number-label, .p-mypage__history-order-status-label {
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700; }
    .p-mypage__history-order-number-label.w210, .p-mypage__history-order-status-label.w210 {
      width: 210px; }
  .p-mypage__history-order-number-detail, .p-mypage__history-order-status-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .p-mypage__history-order-number-detail:before, .p-mypage__history-order-status-detail:before {
      content: "：";
      display: block;
      width: 1.05em; }

.p-mypage__history-actions {
  margin-top: 0.875em;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .p-mypage__history-actions-item {
    padding: 5px; }

.p-mypage__history-products {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.p-mypage__history-product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0.875em; }
  .p-mypage__history-product-image, .p-mypage__deliv-product-image {
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .p-mypage__history-product-detail, .p-mypage__deliv-product-detail {
    margin-left: 1.05em;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .p-mypage__history-product-name, .p-mypage__deliv-product-name {
    margin: 0;
    font-weight: 700; }
  .p-mypage__history-product-class-category, .p-mypage__deliv-product-class-category {
    margin: 0;
    color: rgba(51, 51, 51, 0.8);
    font-size: 12px;
    font-size: 0.75rem; }
  .p-mypage__history-product-price, .p-mypage__deliv-product-price {
    margin: 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline; }
    .p-mypage__history-product-price--sub, .p-mypage__deliv-product-price--sub {
      font-size: 14px;
      font-size: 0.875rem;
      margin-right: 1.05em; }
    .p-mypage__history-product-price--main, .p-mypage__deliv-product-price--main {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 700; }

.p-mypage__layout {
  display: -ms-flexbox;
  display: flex; }
  .p-mypage__layout--main {
    -ms-flex-positive: 1;
        flex-grow: 1;
    box-sizing: border-box; }
  .p-mypage__layout--sub {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 250px;
    padding-left: 30px; }

.p-mypage__account, .p-mypage__deliv, .p-mypage__seller, .p-mypage__payment, .p-mypage__point, .p-mypage__contact, .p-mypage__order, .p-mypage__order-info, .p-mypage__mail, .p-mypage__message {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-mypage__account-contents-item, .p-mypage__deliv-contents-item, .p-mypage__seller-contents-item, .p-mypage__payment-contents-item, .p-mypage__point-contents-item, .p-mypage__contact-contents-item, .p-mypage__order-contents-item, .p-mypage__mail-contents-item {
    margin-top: 0.875em; }
  .p-mypage__account-name {
    margin: 0; }
  .p-mypage__account-kana {
    margin: 0; }
  .p-mypage__account-company-name {
    margin: 0; }
  .p-mypage__account-postcode {
    margin: 0; }
  .p-mypage__account-address {
    margin: 0; }
  .p-mypage__account-phone-number {
    margin: 0; }
  .p-mypage__account-email {
    margin: 0;
    word-break: break-all; }

.p-mypage__deliv-change {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 0.875em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-mypage__deliv-change-label {
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 1.73;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    margin: 0; }

.p-mypage__deliv-product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0.875em;
  margin-bottom: 0.875em;
  border-bottom: dotted 1px rgba(0, 0, 0, 0.12); }
  .p-mypage__deliv-product-image {
    margin: 15px 0;
    width: 130px; }
  .p-mypage__deliv-product-price--sub, .p-mypage__deliv-product-price--main {
    font-size: 14px;
    font-size: 0.875rem; }

.p-mypage__deliv-name {
  margin: 0; }

.p-mypage__deliv-address {
  margin: 0; }

.p-mypage__deliv-phone-number {
  margin: 0; }

.p-mypage__deliv-selects {
  display: -ms-flexbox;
  display: flex; }
  .p-mypage__deliv-selects-item {
    margin-right: 2.1em;
    margin-bottom: 0.875em; }

.p-mypage__deliv-method, .p-mypage__deliv-date, .p-mypage__deliv-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-mypage__deliv-method-label, .p-mypage__deliv-date-label, .p-mypage__deliv-time-label {
    color: rgba(51, 51, 51, 0.8);
    margin: 0;
    padding-right: 1.05em;
    font-weight: 700; }
  .p-mypage__deliv-method-select .mdc-select, .p-mypage__deliv-date-select .mdc-select, .p-mypage__deliv-time-select .mdc-select {
    width: 100%; }
  .p-mypage__deliv-method-result, .p-mypage__deliv-date-result, .p-mypage__deliv-time-result {
    margin: 0; }

.p-mypage__deliv-add {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 0.875em;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.p-mypage__seller-name {
  margin: 0; }

.p-mypage__seller-address {
  margin: 0; }

.p-mypage__seller-phone-number {
  margin: 0; }

.p-mypage__payment-radios {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .p-mypage__payment-radios-item {
    margin-right: 1.05em; }

.p-mypage__payment-result, .p-mypage__point-result, .p-mypage__contact-result {
  margin: 0; }

.p-mypage__point-setting {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-mypage__point-setting-info {
    margin: 0;
    padding-top: 0.875em; }
  .p-mypage__point-setting-input {
    padding-top: 0.875em;
    margin-left: 2.1em; }

.p-mypage__contact-input {
  padding-top: 0.875em; }

.p-mypage__order-comment {
  margin-bottom: 10px; }

.p-mypage__order-date, .p-mypage__order-detail-code, .p-mypage__order-detail-type, .p-mypage__order-detail-price, .p-mypage__order-detail-quantity, .p-mypage__order-detail-subtotal, .p-mypage__order-number, .p-mypage__order-status, .p-mypage__order-use-point, .p-mypage__order-add-point, .p-mypage__order-code {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-mypage__order-date-label, .p-mypage__order-detail-code-label, .p-mypage__order-detail-type-label, .p-mypage__order-detail-price-label, .p-mypage__order-detail-quantity-label, .p-mypage__order-detail-subtotal-label, .p-mypage__order-number-label, .p-mypage__order-status-label, .p-mypage__order-use-point-label, .p-mypage__order-add-point-label, .p-mypage__order-code-label {
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    width: 8.4em; }
    .p-mypage__order-date-label.w85, .w85.p-mypage__order-detail-code-label, .w85.p-mypage__order-detail-type-label, .w85.p-mypage__order-detail-price-label, .w85.p-mypage__order-detail-quantity-label, .w85.p-mypage__order-detail-subtotal-label, .p-mypage__order-number-label.w85, .p-mypage__order-status-label.w85, .p-mypage__order-use-point-label.w85, .p-mypage__order-add-point-label.w85, .p-mypage__order-code-label.w85 {
      width: 85px; }
  .p-mypage__order-date-detail, .p-mypage__order-detail-code-detail, .p-mypage__order-detail-type-detail, .p-mypage__order-detail-price-detail, .p-mypage__order-detail-quantity-detail, .p-mypage__order-detail-subtotal-detail, .p-mypage__order-number-detail, .p-mypage__order-status-detail, .p-mypage__order-use-point-detail, .p-mypage__order-add-point-detail, .p-mypage__order-code-detail {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: calc(100% - 8.4em); }
    .p-mypage__order-date-detail:before, .p-mypage__order-detail-code-detail:before, .p-mypage__order-detail-type-detail:before, .p-mypage__order-detail-price-detail:before, .p-mypage__order-detail-quantity-detail:before, .p-mypage__order-detail-subtotal-detail:before, .p-mypage__order-number-detail:before, .p-mypage__order-status-detail:before, .p-mypage__order-use-point-detail:before, .p-mypage__order-add-point-detail:before, .p-mypage__order-code-detail:before {
      content: "：";
      display: block;
      width: 1.05em; }

.p-mypage__order-detail-code-detail a {
  word-break: break-all; }

.p-mypage__order-contents-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-mypage__order-contents-item:nth-last-of-type(1) {
    border-bottom: none; }

.p-mypage__order-detail {
  padding-bottom: 0.875em; }
  .p-mypage__order-detail-name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    border-bottom: dotted 1px rgba(0, 0, 0, 0.12);
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0.875em;
    padding-bottom: 0.875em; }
    .p-mypage__order-detail-name-link {
      margin: 0 10px; }
    .p-mypage__order-detail-name-class-category {
      margin: 0 10px; }

.p-mypage__mail-contents-item {
  border-bottom: dotted 1px rgba(0, 0, 0, 0.12);
  padding-bottom: 0.875em; }
  .p-mypage__mail-contents-item:nth-last-of-type(1) {
    border-bottom: none; }

.p-mypage__mail-detail-body {
  display: none; }

.p-mypage__message-input, .p-mypage__message-actions {
  margin-top: 1.75em; }

.p-mypage__message-actions-item {
  text-align: center; }

.p-mypage__message-result {
  margin-top: 1.75em; }
  .p-mypage__message-result-item {
    padding: 20px 0;
    border-bottom: rgba(0, 0, 0, 0.12) dotted 1px; }
    .p-mypage__message-result-item:nth-last-child(1) {
      border-bottom: none; }
    .p-mypage__message-result-item.is-own {
      color: #DE5D50; }
  .p-mypage__message-result-comment {
    display: -ms-flexbox;
    display: flex; }
    .p-mypage__message-result-comment-detail {
      -ms-flex-positive: 1;
          flex-grow: 1; }
      .p-mypage__message-result-comment-detail-text {
        margin: 0; }
    .p-mypage__message-result-comment-date {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: rgba(51, 51, 51, 0.8);
      margin: 0 0 0 20px; }

.p-mypage__summary {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  background-color: #f2f3f5;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  will-change: transform; }
  .p-mypage__summary-item {
    padding: 20px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
    .p-mypage__summary-item.is-border--none {
      border-bottom: none; }
  .p-mypage__summary-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px 20px; }
    .p-mypage__summary-actions-item {
      padding: 5px 10px;
      box-sizing: border-box; }
  .p-mypage__summary .p-mypage__summary-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }
  .p-mypage__summary-attention {
    font-size: 0.75em;
    margin: 0; }

.p-mypage__subtotal, .p-mypage__charge, .p-mypage__fee, .p-mypage__total {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .p-mypage__subtotal-label, .p-mypage__charge-label, .p-mypage__fee-label, .p-mypage__total-label {
    color: rgba(51, 51, 51, 0.6);
    font-weight: 700;
    margin-right: 1.05em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .p-mypage__subtotal-detail, .p-mypage__charge-detail, .p-mypage__fee-detail, .p-mypage__total-detail {
    white-space: nowrap; }

.p-mypage__total-detail--main {
  color: #DE5D50;
  font-weight: 700; }

.p-mypage__total-detail--sub {
  color: rgba(51, 51, 51, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  margin-left: 0.25em; }

.p-mypage__delivery-add {
  margin-bottom: 0.875em; }

.p-mypage__delivery-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 0.875em;
  margin-bottom: 0.875em;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.p-mypage__delivery-delete {
  padding-right: 20px;
  box-sizing: border-box; }
  .p-mypage__delivery-delete-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #333;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: none; }

.p-mypage__delivery-address {
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.p-mypage__delivery-change {
  padding-left: 20px;
  box-sizing: border-box; }

.p-mypage__favorite-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }
  .p-mypage__favorite-list-item {
    width: calc(100% / 3);
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.p-mypage__favorite-delete {
  display: block;
  color: #fff;
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 1;
  padding: 10px;
  line-height: 1; }
  .p-mypage__favorite-delete-icon {
    font-size: 30px;
    vertical-align: top;
    color: #525263;
    background: #ffffff;
    border-radius: 50%; }

.p-mypage__change-complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-mypage__change-complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-mypage__change-complete-message-detail {
    margin-left: 0; }

.p-mypage__change-complete-description {
  margin-bottom: 0; }

.p-mypage__change-box {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  padding: 10px 0; }

.p-mypage__change-cost {
  list-style: none;
  padding: 0;
  margin-bottom: 0; }
  .p-mypage__change-cost-rank {
    font-weight: 600;
    margin-bottom: 0.75em; }
    .p-mypage__change-cost-rank-dl {
      margin-top: 0;
      margin-bottom: 5px; }

.p-mypage__change-br {
  display: none; }

.p-mypage__withdraw-confirm-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-mypage__withdraw-confirm-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-mypage__withdraw-confirm-message-detail {
    margin-left: 0; }

.p-mypage__withdraw-confirm-mark {
  display: block;
  text-align: center; }
  .p-mypage__withdraw-confirm-mark-icon {
    color: #DE5D50;
    font-size: 60px; }

.p-mypage__withdraw-confirm-description {
  margin-bottom: 0; }

.p-mypage__withdraw-complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-mypage__withdraw-complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-mypage__withdraw-complete-message-detail {
    margin-left: 0; }

.p-mypage__withdraw-complete-description {
  margin-bottom: 0; }

.p-mypage__juridical {
  margin-top: 1.75em;
  margin-bottom: 1.75em; }

.p-mypage__rank-box {
  border-bottom: solid 1px rgba(0, 0, 0, 0.12);
  padding: 10px 0;
  margin-bottom: 30px; }

.p-mypage__rank-cautiontext {
  margin-bottom: 0; }

.p-mypage__rank-induction {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-mypage__rank-induction-actions {
    margin-top: 2.625em;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .p-mypage__rank-induction-actions-item {
      margin-bottom: 20px; }
  .p-mypage__rank-induction-button {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto; }

.p-mypage__view-history-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }
  .p-mypage__view-history-list-item {
    width: calc(100% / 3);
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.p-mypage__top-navi {
  overflow: hidden;
  margin-top: 1.75em;
  margin-bottom: 1.75em; }
  .p-mypage__top-navi-list {
    display: -ms-flexbox;
    display: flex;
    margin: -3px;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .p-mypage__top-navi-list-item {
      list-style: none;
      padding: 3px; }
  .p-mypage__top-navi-link {
    display: block;
    white-space: nowrap; }
  .p-mypage__top-navi-button.c-button--outlined.is-primary {
    padding-left: 12px;
    padding-right: 12px;
    border-color: #988154;
    background-color: #fff; }
  .p-mypage__top-navi-button.c-button--outlined.is-active {
    color: #fff;
    background-color: #988154;
    border-color: #988154; }

.p-mypage__top-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }
  .p-mypage__top-list-item {
    width: calc(100% / 3);
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.p-mypage__top-banner {
  margin-top: 1.75em;
  margin-bottom: 1.75em; }
  .p-mypage__top-banner-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }

.p-mypage__ebook-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -6px; }
  .p-mypage__ebook-list-item {
    width: calc(100% / 4);
    padding: 0 6px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.75em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.p-order {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20200304 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .p-order a {
    background-color: transparent; }
  .p-order a:active,
  .p-order a:hover {
    outline: 0; }
  .p-order h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .p-order * {
    box-sizing: border-box; }
  .p-order *:after,
  .p-order *:before {
    box-sizing: border-box; }
  .p-order a {
    color: #337ab7;
    text-decoration: none; }
  .p-order a:focus,
  .p-order a:hover {
    color: #23527c;
    text-decoration: underline; }
  .p-order a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-order a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .p-order a:active,
  .p-order a:focus,
  .p-order a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .p-order dd,
  .p-order dl,
  .p-order dt {
    margin: 0;
    padding: 0; }
  .p-order .dl_table {
    border-top: 1px dotted #ccc; }
  .p-order .dl_table dl {
    padding: 8px 0;
    border-bottom: 1px dotted #ccc; }
  .p-order .inner {
    max-width: 950px;
    margin: auto;
    overflow: hidden; }
  .p-order a {
    color: #333; }
  .p-order a:hover {
    color: #666;
    text-decoration: underline; }
  .p-order .page-heading {
    margin: 0 0 25px;
    padding: 0 0 0 3px;
    font-size: 13px;
    border-bottom: 2px solid #000000;
    font-weight: bold; }
  .p-order #tradelaw_box .dl_table,
  .p-order #tradelaw_box .dl_table dd,
  .p-order #tradelaw_box .dl_table dl,
  .p-order #tradelaw_box .dl_table dt {
    border: none; }
  .p-order #tradelaw_box .dl_table {
    border: 1px solid #dfdfdf;
    border-top: none;
    padding: 0; }
  .p-order #tradelaw_box .dl_table dl {
    padding: 0; }
  .p-order #tradelaw_box .dl_table dt {
    padding: 8px;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    background-color: #f0f0f0;
    font-weight: normal;
    font-size: 12px;
    width: 22%; }
  .p-order #tradelaw_box .dl_table dd {
    padding: 8px;
    border-top: 1px solid #dfdfdf;
    font-weight: normal;
    font-size: 12px;
    width: 78%; }

.p-privacy {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20200304 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .p-privacy strong {
    font-weight: bold; }
  .p-privacy h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .p-privacy * {
    box-sizing: border-box; }
  .p-privacy *:after,
  .p-privacy *:before {
    box-sizing: border-box; }
  .p-privacy .container-fluid {
    margin-right: auto;
    margin-left: auto; }
  .p-privacy .container-fluid:after,
  .p-privacy .container-fluid:before {
    content: " ";
    display: table; }
  .p-privacy .container-fluid:after {
    clear: both; }
  .p-privacy ol,
  .p-privacy ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .p-privacy li {
    margin: 0;
    padding: 0; }
  .p-privacy .container-fluid {
    margin-left: auto;
    margin-right: auto; }
  .p-privacy .inner {
    max-width: 950px;
    margin: auto;
    overflow: hidden; }
  .p-privacy .page-heading {
    margin: 0 0 25px;
    padding: 0 0 0 3px;
    font-size: 13px;
    border-bottom: 2px solid #000000;
    font-weight: bold; }
  .p-privacy .privacy_ol {
    font-size: 12px;
    margin: 0 15px 2em; }
  .p-privacy .privacy_ol ul {
    margin: 1em 0 1em 1em; }
  .p-privacy .privacy_ul {
    font-size: 12px; }

.p-product-detail {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/slick.css?v=3.0.15 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20190919 */ }
  .p-product-detail section {
    display: block; }
  .p-product-detail a {
    background-color: transparent; }
  .p-product-detail a:active,
  .p-product-detail a:hover {
    outline: 0; }
  .p-product-detail img {
    border: 0; }
  .p-product-detail button,
  .p-product-detail input {
    color: inherit;
    font: inherit;
    margin: 0; }
  .p-product-detail button {
    overflow: visible; }
  .p-product-detail button {
    text-transform: none; }
  .p-product-detail button {
    -webkit-appearance: button;
    cursor: pointer; }
  .p-product-detail button::-moz-focus-inner,
  .p-product-detail input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .p-product-detail input {
    line-height: normal; }
  .p-product-detail table {
    border-collapse: collapse;
    border-spacing: 0; }
  .p-product-detail td,
  .p-product-detail th {
    padding: 0; }
  .p-product-detail * {
    box-sizing: border-box; }
  .p-product-detail *:after,
  .p-product-detail *:before {
    box-sizing: border-box; }
  .p-product-detail button,
  .p-product-detail input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .p-product-detail a {
    color: #337ab7;
    text-decoration: none; }
  .p-product-detail a:focus,
  .p-product-detail a:hover {
    color: #23527c;
    text-decoration: underline; }
  .p-product-detail a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-product-detail img {
    vertical-align: middle; }
  .p-product-detail .row {
    margin-left: -15px;
    margin-right: -15px; }
  .p-product-detail .col-md-12,
  .p-product-detail .col-sm-6,
  .p-product-detail .col-sm-8,
  .p-product-detail .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .p-product-detail .col-xs-12 {
    float: left; }
  .p-product-detail .col-xs-12 {
    width: 100%; }
  .p-product-detail .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .p-product-detail .btn:active:focus,
  .p-product-detail .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-product-detail .btn:focus,
  .p-product-detail .btn:hover {
    color: #333;
    text-decoration: none; }
  .p-product-detail .btn:active {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .p-product-detail .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4; }
  .p-product-detail .btn-primary:active,
  .p-product-detail .btn-primary:focus,
  .p-product-detail .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .p-product-detail .btn-primary:active {
    background-image: none; }
  .p-product-detail .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .p-product-detail .btn-success:active,
  .p-product-detail .btn-success:focus,
  .p-product-detail .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .p-product-detail .btn-success:active {
    background-image: none; }
  .p-product-detail .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da; }
  .p-product-detail .btn-info:active,
  .p-product-detail .btn-info:focus,
  .p-product-detail .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .p-product-detail .btn-info:active {
    background-image: none; }
  .p-product-detail .btn-block {
    display: block;
    width: 100%; }
  .p-product-detail .row:after,
  .p-product-detail .row:before {
    content: " ";
    display: table; }
  .p-product-detail .row:after {
    clear: both; }
  .p-product-detail a {
    color: #0092c4;
    text-decoration: none;
    cursor: pointer; }
  .p-product-detail a:active,
  .p-product-detail a:focus,
  .p-product-detail a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .p-product-detail ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .p-product-detail dd,
  .p-product-detail dl,
  .p-product-detail dt,
  .p-product-detail li {
    margin: 0;
    padding: 0; }
  .p-product-detail img {
    max-width: 100%; }
    .p-product-detail img.p-product-detail__cart-icon {
      max-width: 28px;
      margin-right: 10px; }
  .p-product-detail .row {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 16px; }
  .p-product-detail .col-md-12,
  .p-product-detail .col-sm-6,
  .p-product-detail .col-sm-8,
  .p-product-detail .col-xs-12 {
    padding-left: 8px;
    padding-right: 8px; }
  .p-product-detail input:focus {
    outline: none; }
  .p-product-detail input[type="number"] {
    text-align: right; }
  .p-product-detail form .form-control {
    border: 1px solid #c4ccce;
    border-radius: none;
    box-shadow: none;
    font-size: 16px;
    font-size: 12px;
    height: auto;
    padding: 2px 12px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .p-product-detail form .form-control:focus {
    border-color: #3c8dbc !important;
    box-shadow: none; }
  .p-product-detail .form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .p-product-detail .form-control:-ms-input-placeholder {
    color: #bbb; }
  .p-product-detail .form-control::-webkit-input-placeholder {
    color: #bbb; }
  .p-product-detail .form-control:not(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .p-product-detail .btn {
    padding: 10px 16px;
    font-weight: bold; }
  .p-product-detail .item_comment {
    margin: 0 0 8px; }
  .p-product-detail .item_name {
    color: #525263;
    margin: 0 0 8px; }
  .p-product-detail dl.quantity dt {
    float: left;
    min-height: 40px;
    line-height: 40px;
    vertical-align: middle; }
  .p-product-detail dl.quantity dd {
    padding-left: 3em; }
  .p-product-detail .btn_area .btn {
    line-height: 56px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0; }
  .p-product-detail #item_photo_area {
    padding-top: 8px;
    padding-bottom: 8px; }
  .p-product-detail #item_photo_area img {
    text-align: center; }
  .p-product-detail #item_detail_area .item_detail p {
    margin: 0; }
  .p-product-detail #item_detail_area .item_detail .sale_price {
    font-weight: bold; }
  .p-product-detail #item_detail_area .item_detail .item_code {
    padding: 8px 0; }
  .p-product-detail #item_detail_area .item_detail .item_comment {
    margin-bottom: 8px; }
  .p-product-detail .cart_area {
    padding-top: 8px; }
  .p-product-detail .cart_area .quantity {
    margin: 8px 0; }
  .p-product-detail .cart_area .quantity dd input {
    max-width: 100px; }
  .p-product-detail .text-primary {
    color: #de5d50; }
  .p-product-detail .text-danger {
    color: #de5d50; }
  .p-product-detail .btn-primary {
    color: #fff;
    background-color: #eb6157;
    border-color: #eb6157; }
  .p-product-detail .btn-primary:active,
  .p-product-detail .btn-primary:focus,
  .p-product-detail .btn-primary:hover {
    color: #fff;
    background-color: #d85145;
    border-color: #d85145; }
  .p-product-detail .btn-primary:active {
    background-image: none; }
  .p-product-detail .btn-success {
    color: #fff;
    background-color: #5cb1b1;
    border-color: #5cb1b1; }
  .p-product-detail .btn-success:active,
  .p-product-detail .btn-success:focus,
  .p-product-detail .btn-success:hover {
    color: #fff;
    background-color: #50a6a6;
    border-color: #50a6a6; }
  .p-product-detail .btn-success:active {
    background-image: none; }
  .p-product-detail .btn-info {
    color: #fff;
    background-color: #525263;
    border-color: #525263; }
  .p-product-detail .btn-info:active,
  .p-product-detail .btn-info:focus,
  .p-product-detail .btn-info:hover {
    color: #fff;
    background-color: #474757;
    border-color: #474757; }
  .p-product-detail .btn-info:active {
    background-image: none; }
  .p-product-detail #topicpath {
    display: none; }
  .p-product-detail .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  .p-product-detail .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #dae0e6; }
  .p-product-detail .slick-list:focus {
    outline: none; }
  .p-product-detail .slick-slider .slick-list,
  .p-product-detail .slick-slider .slick-track {
    transform: translate3d(0, 0, 0); }
  .p-product-detail .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block; }
  .p-product-detail .slick-track:after,
  .p-product-detail .slick-track:before {
    display: table;
    content: ""; }
  .p-product-detail .slick-track:after {
    clear: both; }
  .p-product-detail .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px; }
  .p-product-detail .slick-slide img {
    display: block; }
  .p-product-detail .slick-initialized .slick-slide {
    display: block; }
  .p-product-detail p {
    font-size: 12px; }
  .p-product-detail .slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .p-product-detail .slick-dots li {
    width: 20%; }
  .p-product-detail .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .p-product-detail #item_photo_area .slick-slide {
    text-align: center; }
  .p-product-detail #item_photo_area .slick-slide img {
    display: inline-block; }
  .p-product-detail .extra-form {
    margin: 0; }
  .p-product-detail .align-center {
    text-align: center !important; }
  .p-product-detail a {
    color: #333; }
  .p-product-detail a:hover {
    color: #666;
    text-decoration: underline; }
  .p-product-detail .slick-slide img {
    width: auto;
    height: auto; }
  .p-product-detail .slick-slide {
    text-align: center; }
  .p-product-detail .slick-slide img {
    display: inline-block; }
  .p-product-detail .item_comment {
    margin: 0 0 8px;
    font-size: 12px; }
  .p-product-detail .item_name {
    font-size: 12px;
    margin: 0 0 5px; }
  .p-product-detail .hover:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); }
  .p-product-detail .btn {
    border-radius: 4px; }
  .p-product-detail .product_page .slick-slider {
    margin-bottom: 50px; }
  .p-product-detail #detail_description_box__name {
    color: #000;
    border-bottom: 2px solid #dae0e6;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 5px;
    letter-spacing: 1px;
    margin: 0; }
  .p-product-detail #detail_image_box__slides .slick-slide {
    text-align: left; }
  .p-product-detail #detail_image_box__slides .slick-slide img {
    width: 100%;
    height: auto; }
  .p-product-detail #item_photo_area .slick-dots {
    margin: 5px -5px 0;
    width: auto; }
  .p-product-detail table.product-detail-table {
    margin: 0 auto;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%; }
  .p-product-detail table.product-detail-table th {
    margin: 0;
    padding: 8px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background: #f2f2f2;
    font-size: 12px;
    text-align: left;
    width: 150px; }
  .p-product-detail table.product-detail-table td {
    margin: 0;
    padding: 8px;
    border-top: 1px solid #cccccc;
    font-size: 12px; }
  .p-product-detail #item_detail_area .item_detail .item_code {
    padding: 0;
    border: none; }
  .p-product-detail #item_detail_area .item_detail .sale_price {
    font-size: 20px;
    font-weight: normal; }
  .p-product-detail #detail_cart_box .quantity dd input {
    max-width: 80px;
    padding: 3px; }
  .p-product-detail #detail_cart_box .quantity dd {
    padding-left: 0; }
  .p-product-detail #detail_cart_box dl.quantity dt {
    float: none;
    min-height: inherit;
    line-height: inherit;
    display: block;
    font-size: 12px;
    font-weight: bold;
    background: url("https://www.drm-onlinestore.com/html/template/drm/img/common/arrow_class.jpg") no-repeat left center;
    padding-left: 12px;
    margin-bottom: 3px; }
  .p-product-detail #detail_cart_box__button_area .btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 10px;
    position: relative; }
    .p-product-detail #detail_cart_box__button_area .btn:before {
      content: " ";
      display: inline-block;
      vertical-align: middle;
      width: 28px;
      height: 28px;
      background-image: url("/user_data/packages/default/svg/cart_white.svg");
      background-repeat: no-repeat;
      background-size: cover;
      margin-right: 10px; }
  .p-product-detail #contact_product .btn_area .row,
  .p-product-detail #contact_product .btn_area .row li {
    width: 100%;
    margin: 0;
    padding: 0; }
  .p-product-detail .errormsg {
    font-weight: bold;
    font-size: 12px; }
  .p-product-detail .product_tag_list {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 80%;
    color: #525263;
    border: solid 1px #d7dadd;
    border-radius: 3px;
    background-color: #f5f7f8; }
  .p-product-detail #detail-btn-contact .contact-message {
    padding: 20px 0;
    margin: 10px 0;
    text-align: center;
    background: #f5f5f5;
    border: 1px solid #cccccc;
    font-size: 12px; }
  .p-product-detail .btn[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    box-shadow: none; }
  .p-product-detail .btn-info[disabled],
  .p-product-detail .btn-info[disabled]:active,
  .p-product-detail .btn-info[disabled]:focus,
  .p-product-detail .btn-info[disabled]:hover {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .p-product-detail .btn-info:active {
    background-image: none; }
  .p-product-detail .btn-info[disabled],
  .p-product-detail .btn-info[disabled]:active,
  .p-product-detail .btn-info[disabled]:focus,
  .p-product-detail .btn-info[disabled]:hover {
    background-color: #525263;
    border-color: #525263; }
  .p-product-detail__code {
    font-size: 12px;
    text-align: right;
    margin-bottom: 5px; }
  .p-product-detail__utility {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: end;
        align-items: flex-end; }
    .p-product-detail__utility-item:first-child {
      text-align: right; }
    .p-product-detail__utility-standardbox {
      display: -ms-flexbox;
      display: flex;
      font-size: 12px;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .p-product-detail__utility-standard01 {
      margin-right: 10px;
      font-size: 16px;
      font-weight: bold;
      width: 100%; }
    .p-product-detail__utility-standard02 {
      margin-right: 10px; }
    .p-product-detail__utility-soldout {
      font-size: 14px;
      color: red;
      margin-left: auto; }
    .p-product-detail__utility #quantity {
      border: 1px solid #d7dadd;
      width: 72px;
      width: 4.5rem;
      padding: 5px; }
    .p-product-detail__utility #detail_description_box__sale_price,
    .p-product-detail__utility #detail_description_box__normal_price {
      display: inline-block;
      font-size: 18px;
      font-weight: bold; }
  .p-product-detail #detail_cart_box__favorite_button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-bottom: 15px; }
  .p-product-detail__contact-link, .p-product-detail__contact-text {
    display: block;
    text-align: center; }
  .p-product-detail__contact-link:hover {
    text-decoration: none !important; }
  .p-product-detail__contact-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #000;
    border-radius: 50%; }
    .p-product-detail__contact-icon img {
      max-width: 12px; }
  .p-product-detail__contact-text {
    font-size: 12px; }
  .p-product-detail__favorite {
    margin-left: 15px !important; }
    .p-product-detail__favorite-btn, .p-product-detail__favorite-text {
      display: block;
      text-align: center; }
    .p-product-detail__favorite-btn {
      -webkit-appearance: none;
      border: none;
      background: none;
      padding: 0; }
      .p-product-detail__favorite-btn:focus {
        -webkit-appearance: none;
        border: none;
        outline: none; }
      .p-product-detail__favorite-btn[disabled] {
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
    .p-product-detail__favorite-icon {
      display: inline-block;
      width: 32px;
      height: 32px;
      border: 1px solid #000;
      border-radius: 50%; }
      .p-product-detail__favorite-icon img {
        max-width: 20px; }
    .p-product-detail__favorite-text {
      font-size: 12px; }
  .p-product-detail__bnr {
    margin-bottom: 15px; }
  .p-product-detail__related .related_group_title {
    border-bottom: 2px solid #dae0e6;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: 1px;
    margin: 0 0 20px; }
  .p-product-detail__related .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .p-product-detail__related .row:before, .p-product-detail__related .row:after {
      content: none; }
  .p-product-detail__related .col {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    min-height: 1px;
    position: relative;
    margin-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px; }
  .p-product-detail__related .pickup_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 0 10px; }
  .p-product-detail__related .item_photo {
    margin-bottom: 8px; }
    .p-product-detail__related .item_photo a {
      display: block;
      border: 1px solid #d1d1d1; }
  .p-product-detail__related .item_name {
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 5px; }
  .p-product-detail__related .item_comment {
    color: #333;
    margin: 0 0 3px;
    font-size: 12px; }
  .p-product-detail__related .item_price {
    text-align: right;
    margin-top: auto;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 16px; }

.p-product-list {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/style.css?v=20190906 */
  /*! @import https://www.drm-onlinestore.com/html/template/drm/css/bootstrap.custom.min.css */
  /*! end @import */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/default.css?v=20190906 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/custom.css?v=20190919 */
  /*! CSS Used from: https://www.drm-onlinestore.com/html/template/drm/css/sp.css?v=3.0.15 */ }
  .p-product-list a {
    background-color: transparent; }
  .p-product-list a:active,
  .p-product-list a:hover {
    outline: 0; }
  .p-product-list strong {
    font-weight: bold; }
  .p-product-list img {
    border: 0; }
  .p-product-list input,
  .p-product-list select {
    color: inherit;
    font: inherit;
    margin: 0; }
  .p-product-list select {
    text-transform: none; }
  .p-product-list input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .p-product-list input {
    line-height: normal; }
  .p-product-list * {
    box-sizing: border-box; }
  .p-product-list *:after,
  .p-product-list *:before {
    box-sizing: border-box; }
  .p-product-list input,
  .p-product-list select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .p-product-list a {
    color: #337ab7;
    text-decoration: none; }
  .p-product-list a:focus,
  .p-product-list a:hover {
    color: #23527c;
    text-decoration: underline; }
  .p-product-list a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .p-product-list img {
    vertical-align: middle; }
  .p-product-list .row {
    margin-left: -15px;
    margin-right: -15px; }
  .p-product-list .col-md-3,
  .p-product-list .col-sm-3,
  .p-product-list .col-sm-6,
  .p-product-list .col-xs-6 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .p-product-list .col-xs-6 {
    width: 50%; }
  .p-product-list .clearfix:after,
  .p-product-list .clearfix:before,
  .p-product-list .row:after,
  .p-product-list .row:before {
    content: " ";
    display: table; }
  .p-product-list .clearfix:after,
  .p-product-list .row:after {
    clear: both; }
  .p-product-list a {
    color: #0092C4;
    text-decoration: none;
    cursor: pointer; }
  .p-product-list a:active,
  .p-product-list a:focus,
  .p-product-list a:hover {
    color: #988153;
    text-decoration: none;
    outline: none; }
  .p-product-list ol,
  .p-product-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .p-product-list dd,
  .p-product-list dl,
  .p-product-list dt,
  .p-product-list li {
    margin: 0;
    padding: 0; }
  .p-product-list img {
    max-width: 100%; }
  .p-product-list .row {
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: 16px; }
  .p-product-list .col-md-3,
  .p-product-list .col-sm-3,
  .p-product-list .col-sm-6,
  .p-product-list .col-xs-6 {
    padding-left: 8px;
    padding-right: 8px; }
  .p-product-list input:focus,
  .p-product-list select:focus {
    outline: none; }
  .p-product-list form .form-control {
    -webkit-appearance: none;
    border: 1px solid #c2c7cd;
    background-color: transparent;
    border-radius: 3px;
    box-shadow: none;
    font-size: 16px;
    font-size: 12px;
    height: 27px;
    padding: 2px 22px 2px 4px;
    min-width: 80px;
    min-width: 5rem;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .p-product-list #result_info_box__order_menu .form-control {
    min-width: 112px;
    min-width: 7rem; }
  .p-product-list form .form-control:focus {
    border-color: #3c8dbc !important;
    box-shadow: none; }
  .p-product-list .form-control::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .p-product-list .form-control:-ms-input-placeholder {
    color: #bbb; }
  .p-product-list .form-control::-webkit-input-placeholder {
    color: #bbb; }
  .p-product-list .pagination.c-pager {
    width: 95%;
    margin: 16px auto;
    position: relative;
    margin-bottom: 0;
    clear: both; }
  .p-product-list .pagination.c-pager ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0 0 1em;
    text-align: center; }
  .p-product-list .pagination.c-pager ul li {
    display: inline-block;
    min-width: 29px;
    padding: 0 3px 0 2px;
    text-align: center;
    position: relative; }
  .p-product-list .pagination.c-pager ul li a,
  .p-product-list .pagination.c-pager ul li span {
    display: block;
    line-height: 1.8;
    padding: 5px 1em;
    text-decoration: none;
    background-color: #fff;
    color: #988154;
    border: 1px solid #988154;
    border-radius: 0; }
  .p-product-list .pagination.c-pager ul li a:focus,
  .p-product-list .pagination.c-pager ul li a:hover,
  .p-product-list .pagination.c-pager ul li span:focus,
  .p-product-list .pagination.c-pager ul li span:hover {
    background: #fff; }
  .p-product-list .pagination.c-pager ul li.is-active span {
    background: #988154;
    text-decoration: none;
    color: #fff; }
  .p-product-list .pagination.c-pager ul li.is-active a:focus,
  .p-product-list .pagination.c-pager ul li.is-active a:hover,
  .p-product-list .pagination.c-pager ul li.is-active span:focus,
  .p-product-list .pagination.c-pager ul li.is-active span:hover {
    background: #F3F3F3; }
  .p-product-list #topicpath {
    margin: 0;
    padding-bottom: 0;
    display: none; }
  .p-product-list #topicpath ol {
    list-style: none;
    overflow: hidden; }
  .p-product-list #topicpath li {
    float: left;
    color: #333;
    font-size: 12px; }
  .p-product-list #topicpath li a {
    float: left;
    display: inline-block; }
  .p-product-list #topicpath li:after {
    content: ">";
    margin: 0 5px; }
  .p-product-list #topicpath li:last-child:after {
    content: ""; }
  .p-product-list .pagenumberarea {
    text-align: center;
    margin: 0;
    padding-bottom: 20px; }
  .p-product-list .pagenumberarea > li {
    line-height: 1;
    float: none;
    display: inline-block;
    margin-left: 3px;
    width: auto;
    background-color: #fff;
    position: relative; }
    .p-product-list .pagenumberarea > li:before, .p-product-list .pagenumberarea > li:after {
      content: " ";
      position: absolute;
      right: 8px;
      width: 0;
      height: 0;
      padding: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      pointer-events: none; }
    .p-product-list .pagenumberarea > li:before {
      top: 6px;
      border-bottom: 6px solid #000; }
    .p-product-list .pagenumberarea > li:after {
      bottom: 6px;
      border-top: 6px solid #000; }
  .p-product-list-title {
    border-bottom: 2px solid #dae0e6;
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    letter-spacing: 1px;
    margin: 0 10px 10px; }
  .p-product-list #result_info_box:after, .p-product-list #result_info_box:before {
    content: none; }
  .p-product-list #result_info_box__item_count {
    margin-top: 0; }
  .p-product-list #item_list > .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .p-product-list #item_list > .row > .col-sm-3 {
      float: none;
      display: -ms-flexbox;
      display: flex;
      height: auto; }
    .p-product-list #item_list > .row:after, .p-product-list #item_list > .row:before {
      content: none; }
  .p-product-list .product_page .product_item a {
    padding-bottom: 16px; }
  .p-product-list .product_item a:hover {
    background: rgba(255, 255, 255, 0.3);
    text-decoration: none; }
  .p-product-list .product_item a:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .p-product-list .item_photo {
    display: block;
    margin: 0 0 8px;
    text-align: center;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .p-product-list .item_photo img {
    width: 100%;
    height: auto; }
  .p-product-list .item_comment {
    margin: 0 0 8px; }
  .p-product-list .item_name {
    color: #525263;
    margin: 0 0 8px; }
  .p-product-list .item_price {
    color: #525263;
    font-weight: bold; }
  .p-product-list .no-padding {
    padding: 0 !important !important; }
  .p-product-list p {
    font-size: 12px; }
  .p-product-list .clearfix:after {
    content: "";
    clear: both;
    display: block;
    height: 0; }
  .p-product-list a {
    color: #333; }
  .p-product-list a:hover {
    color: #666;
    text-decoration: underline; }
  .p-product-list .product_item {
    position: relative;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
  .p-product-list .product_item a {
    display: block; }
  .p-product-list .product_page .product_item a {
    padding-bottom: 0;
    font-weight: bold; }
  .p-product-list .product_item a:hover {
    background: rgba(255, 255, 255, 0.3);
    text-decoration: none; }
  .p-product-list .product_item a:hover img {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .p-product-list .item_photo > a {
    border: 1px solid #DDD;
    vertical-align: middle;
    width: 100%;
    display: block;
    min-height: 0; }
  .p-product-list .item_name a {
    font-weight: bold; }
  .p-product-list .item_photo img {
    width: 100%; }
  .p-product-list .item_comment {
    margin: 0 0 8px;
    font-size: 12px; }
  .p-product-list .item_name {
    font-size: 12px;
    margin: 0 0 5px; }
  .p-product-list .item_price {
    text-align: right;
    margin-top: 5px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-top: auto; }
  .p-product-list #productscount {
    color: #eb6157; }

.p-review__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-review__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-shopping__heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-shopping__contents {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

.p-shopping__progress {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-top: 2.625em; }
  .p-shopping__progress-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: -5px;
    margin-right: -5px; }
    .p-shopping__progress-list-item {
      width: 20%;
      position: relative;
      z-index: 1;
      padding: 0 5px;
      box-sizing: border-box; }
      .p-shopping__progress-list-item:before, .p-shopping__progress-list-item:after {
        content: "";
        display: block;
        width: 50%;
        height: 1px;
        background: #525263;
        position: absolute;
        top: 15px;
        z-index: -1;
        transform: translateY(-50%); }
      .p-shopping__progress-list-item:before {
        left: 0; }
      .p-shopping__progress-list-item:after {
        right: 0; }
      .p-shopping__progress-list-item:first-child:before, .p-shopping__progress-list-item:last-child:after {
        display: none; }
  .p-shopping__progress-number {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    width: 30px;
    height: 30px;
    background: #525263;
    border-radius: 50%;
    margin: 0 auto; }
    .is-active .p-shopping__progress-number {
      color: #fff;
      background: #DE5D50; }
  .p-shopping__progress-label {
    display: block;
    color: rgba(51, 51, 51, 0.6);
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: center;
    margin: 5px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .is-active .p-shopping__progress-label {
      color: #DE5D50; }

.p-shopping__page-message-attention {
  color: #CF3F34; }

.p-shopping__error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #cf3f34; }
  .p-shopping__error-icon {
    color: #fff;
    margin-right: 0.2625em; }
  .p-shopping__error-text {
    color: #fff; }

.p-shopping__layout {
  display: -ms-flexbox;
  display: flex; }
  .p-shopping__layout--main {
    -ms-flex-positive: 1;
        flex-grow: 1;
    box-sizing: border-box; }
  .p-shopping__layout--sub {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 250px;
    padding-left: 30px; }

.p-shopping__actions {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
  .p-shopping__actions-item {
    padding: 5px 10px;
    box-sizing: border-box; }

.p-shopping__login {
  width: 100%;
  max-width: 600px;
  margin: 0 auto; }
  .p-shopping__login-user {
    text-align: center; }
    .p-shopping__login-user-icon {
      color: rgba(51, 51, 51, 0.8);
      font-size: 60px; }
  .p-shopping__login-info {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.12);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 10px 0 20px; }
    .p-shopping__login-info-text {
      color: rgba(51, 51, 51, 0.7);
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0;
      padding-right: 2.1em; }
    .p-shopping__login-info-button {
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.p-shopping__guest {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  border-top: rgba(0, 0, 0, 0.12) solid 1px; }

.p-shopping__non-member-check {
  background: #f2f3f5;
  padding: 9px 9px 18px;
  margin-top: 1.75em; }
  .p-shopping__non-member-check-attention {
    color: #CF3F34;
    font-size: 12px;
    font-size: .75rem;
    line-height: normal;
    letter-spacing: .03333em;
    margin: 0;
    padding: 0 11px; }

.p-shopping__non-member-text {
  text-align: center;
  font-weight: 700; }

.p-shopping__account, .p-shopping__deliv, .p-shopping__payment, .p-shopping__point, .p-shopping__contact, .p-shopping__credit {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-shopping__account-contents-item, .p-shopping__deliv-contents-item, .p-shopping__payment-contents-item, .p-shopping__point-contents-item, .p-shopping__contact-contents-item, .p-shopping__credit-contents-item {
    margin-top: 0.875em; }
  .p-shopping__account-change {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-bottom: 0.875em;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-shopping__account-name {
    margin: 0; }
  .p-shopping__account-kana {
    margin: 0; }
  .p-shopping__account-company-name {
    margin: 0; }
  .p-shopping__account-postcode {
    margin: 0; }
  .p-shopping__account-address {
    margin: 0; }
  .p-shopping__account-phone-number {
    margin: 0; }
  .p-shopping__account-email {
    margin: 0;
    word-break: break-all; }
  .p-shopping__account-other {
    margin: 0; }

.p-shopping__deliv-change {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 0.875em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-shopping__deliv-change-label {
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 1.73;
    color: rgba(51, 51, 51, 0.72);
    font-weight: 700;
    margin: 0; }

.p-shopping__deliv-product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0.875em;
  margin-bottom: 0.875em;
  border-bottom: dotted 1px rgba(0, 0, 0, 0.12); }
  .p-shopping__deliv-product-image, .p-shopping__add-address-product-image {
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .p-shopping__deliv-product-detail, .p-shopping__add-address-product-detail {
    margin-left: 1.05em;
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .p-shopping__deliv-product-name, .p-shopping__add-address-product-name {
    margin: 0 0 5px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex; }
    .p-shopping__deliv-product-name-mark {
      font-size: 0.75em;
      color: #CF3F34;
      margin-left: 5px; }
  .p-shopping__deliv-product-class-category, .p-shopping__add-address-product-class-category {
    margin: 0;
    color: rgba(51, 51, 51, 0.8);
    font-size: 12px;
    font-size: 0.75rem; }
  .p-shopping__deliv-product-price {
    margin: 10px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
        align-items: baseline; }
    .p-shopping__deliv-product-price--sub {
      font-size: 14px;
      font-size: 0.875rem;
      margin-right: 1.05em; }
    .p-shopping__deliv-product-price--main {
      font-size: 14px;
      font-size: 0.875rem;
      font-weight: 700; }

.p-shopping__deliv-notes {
  font-size: 12px;
  font-size: 0.75rem;
  color: #CF3F34;
  margin-top: 0;
  text-align: right; }

.p-shopping__deliv-name, .p-shopping__deliv-company-name {
  margin: 0; }

.p-shopping__deliv-address {
  margin: 0; }
  .p-shopping__deliv-address-postcode {
    margin-right: 10px; }

.p-shopping__deliv-phone-number, .p-shopping__deliv-fax-number {
  margin: 0; }

.p-shopping__deliv-selects {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .p-shopping__deliv-selects-item {
    margin-right: 2.1em;
    margin-bottom: 0.875em; }

.p-shopping__deliv-method, .p-shopping__deliv-date, .p-shopping__deliv-time {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__deliv-method-label, .p-shopping__deliv-date-label, .p-shopping__deliv-time-label {
    color: rgba(51, 51, 51, 0.8);
    margin: 0;
    padding-right: 1.05em;
    font-weight: 700; }
  .p-shopping__deliv-method-select .mdc-select, .p-shopping__deliv-date-select .mdc-select, .p-shopping__deliv-time-select .mdc-select {
    width: 100%; }
  .p-shopping__deliv-method-result, .p-shopping__deliv-date-result, .p-shopping__deliv-time-result {
    margin: 0; }

.p-shopping__deliv-add {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-top: 0.875em;
  border-top: solid 1px rgba(0, 0, 0, 0.12); }

.p-shopping__payment-change {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding-bottom: 0.875em;
  border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-shopping__payment-change-label {
    font-size: 17.6px;
    font-size: 1.1rem;
    line-height: 1.73;
    color: rgba(51, 51, 51, 0.72);
    font-weight: 700;
    margin: 0; }

.p-shopping__payment-result, .p-shopping__point-result, .p-shopping__contact-result {
  margin: 0; }

.p-shopping__point-setting {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__point-setting-info {
    margin: 0;
    padding-top: 0.875em; }
  .p-shopping__point-setting-input {
    padding-top: 0.875em;
    margin-left: 2.1em; }

.p-shopping__contact-input {
  padding-top: 0.875em; }

.p-shopping__summary {
  margin-top: 2.625em;
  margin-bottom: 1.75em;
  background-color: #f2f3f5;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  will-change: transform; }
  .p-shopping__summary-item {
    padding: 20px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.12); }
  .p-shopping__summary-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px 20px; }
    .p-shopping__summary-actions-item {
      padding: 5px 10px;
      box-sizing: border-box; }
  .p-shopping__summary .p-shopping__summary-button {
    width: 100%;
    display: -ms-flexbox;
    display: flex; }

.p-shopping__subtotal, .p-shopping__charge, .p-shopping__fee, .p-shopping__discount, .p-shopping__total, .p-shopping__user-point, .p-shopping__use-point, .p-shopping__birth-point, .p-shopping__add-point, .p-shopping__total-point {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__subtotal-label, .p-shopping__charge-label, .p-shopping__fee-label, .p-shopping__discount-label, .p-shopping__total-label, .p-shopping__user-point-label, .p-shopping__use-point-label, .p-shopping__birth-point-label, .p-shopping__add-point-label, .p-shopping__total-point-label {
    color: rgba(51, 51, 51, 0.6);
    font-weight: 700;
    margin-right: 1.05em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .p-shopping__subtotal-detail, .p-shopping__charge-detail, .p-shopping__fee-detail, .p-shopping__discount-detail, .p-shopping__total-detail, .p-shopping__user-point-detail, .p-shopping__use-point-detail, .p-shopping__birth-point-detail, .p-shopping__add-point-detail, .p-shopping__total-point-detail {
    white-space: nowrap; }

.p-shopping__total-detail--sub {
  color: rgba(51, 51, 51, 0.8);
  font-size: 0.75em; }

.p-shopping__total-rate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__total-rate-label {
    color: rgba(51, 51, 51, 0.8);
    font-size: 0.6875em;
    margin-right: 10px; }
  .p-shopping__total-rate-detail {
    color: rgba(51, 51, 51, 0.8);
    font-size: 0.6875em; }

.p-shopping__pay-total {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .p-shopping__pay-total-label {
    color: rgba(51, 51, 51, 0.6);
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .p-shopping__pay-total-detail {
    -ms-flex-item-align: end;
        align-self: flex-end;
    white-space: nowrap; }
    .p-shopping__pay-total-detail--main {
      color: #DE5D50;
      font-size: 1.25em;
      font-weight: 700; }
    .p-shopping__pay-total-detail--sub {
      color: rgba(51, 51, 51, 0.8);
      font-size: 0.75em; }

.p-shopping__complete-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .p-shopping__complete-message-label {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 1.59;
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    text-align: center; }
  .p-shopping__complete-message-detail {
    margin-left: 0; }

.p-shopping__complete-description {
  margin-bottom: 0; }

.p-shopping__complete-info {
  font-weight: 700;
  margin-bottom: 0; }

.p-shopping__shipping-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.p-shopping__shipping-add-button {
  margin-top: 1.75em;
  margin-bottom: 1.75em;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.p-shopping__shipping-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__shipping-info-icon {
    margin-right: 0.525em;
    color: #CF3F34; }
  .p-shopping__shipping-info-text {
    color: #CF3F34; }

.p-shopping__shipping-list {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }
  .p-shopping__shipping-list-item {
    position: relative;
    margin-bottom: 20px; }

.p-shopping__shipping-address {
  padding: 20px;
  border: rgba(0, 0, 0, 0.12) solid 1px;
  border-radius: 4px; }
  .p-shopping__shipping-address-label {
    cursor: pointer;
    display: block; }
  .p-shopping__shipping-address-actions {
    position: absolute;
    top: 15px;
    right: 15px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1px; }
    .p-shopping__shipping-address-actions-item {
      margin: 0 1px; }
  .p-shopping__shipping-address-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    color: #333;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .p-shopping__shipping-address-radio {
    display: none; }
    .p-shopping__shipping-address-radio:checked + .p-shopping__shipping-address {
      border: #525263 solid 1px;
      background: #f2f3f5; }
  .p-shopping__shipping-address-title {
    color: rgba(51, 51, 51, 0.8);
    font-weight: 700;
    margin: 0 0 5px; }
  .p-shopping__shipping-address-name {
    font-weight: bold;
    margin: 0; }
  .p-shopping__shipping-address-detail {
    margin: 0; }
  .p-shopping__shipping-address-phone {
    margin: 0; }

.p-shopping__shipping-multiple {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin-top: 1.75em;
  margin-bottom: 1.75em;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto; }

.p-shopping__shipping-add-multiple {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .p-shopping__shipping-add-multiple-button {
    margin-left: 1.05em;
    margin-top: 1.75em;
    margin-bottom: 1.75em; }

.p-shopping__add-address-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.p-shopping__add-address-change {
  margin-left: 1.05em;
  margin-top: 1.75em;
  margin-bottom: 1.75em; }

.p-shopping__add-address-product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  background: #f2f3f5;
  padding: 20px; }
  .p-shopping__add-address-product-box {
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0; }
    .p-shopping__add-address-product-box-item {
      margin-right: 1.05em; }
  .p-shopping__add-address-product-price {
    margin: 0; }
  .p-shopping__add-address-product-quantity {
    margin: 0; }

.p-shopping__add-address-controllers {
  padding: 10px 0; }

.p-shopping__add-address-controller {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 -10px; }
  .p-shopping__add-address-controller-item {
    margin: 10px; }
  .p-shopping__add-address-controller-action .c-button {
    margin: 10px; }

.p-shopping__add-address-select, .p-shopping__add-address-quantity {
  margin: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .p-shopping__add-address-select-label, .p-shopping__add-address-quantity-label {
    margin-right: 1.05em;
    white-space: nowrap;
    color: rgba(51, 51, 51, 0.7);
    font-weight: 700; }
  .p-shopping__add-address-select-detail, .p-shopping__add-address-quantity-detail {
    margin: 0; }

.p-shopping__add-address-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 20px 0;
  border-top: rgba(0, 0, 0, 0.12) dotted 1px; }

.p-shopping__credit-contact {
  margin-top: 2.625em;
  margin-bottom: 1.75em; }
  .p-shopping__credit-contact-label {
    font-weight: 700; }
  .p-shopping__credit-contact-detail {
    margin: 10px 0 0; }

.p-shopping__credit-attention {
  color: #CF3F34;
  font-size: 12px;
  font-size: .75rem; }

.p-top {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden; }
  .p-top__latest {
    /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/style.css?v=20190906 */
    /*! @import https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/bootstrap.custom.min.css */
    /*! end @import */
    /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/default.css?v=20190906 */
    /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/custom.css?v=20190919 */
    /*! CSS Used from: https://drm-eccube3.cos.sundaysys.com/html/template/drm/css/sp.css?v=3.0.15 */ }
    .p-top__latest a {
      background-color: transparent; }
    .p-top__latest a:active,
    .p-top__latest a:hover {
      outline: 0; }
    .p-top__latest img {
      border: 0; }
    .p-top__latest * {
      box-sizing: border-box; }
    .p-top__latest *:after,
    .p-top__latest *:before {
      box-sizing: border-box; }
    .p-top__latest a {
      color: #337ab7;
      text-decoration: none; }
    .p-top__latest a:focus,
    .p-top__latest a:hover {
      color: #23527c;
      text-decoration: underline; }
    .p-top__latest a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .p-top__latest img {
      vertical-align: middle; }
    .p-top__latest .row {
      margin-left: -15px;
      margin-right: -15px; }
    .p-top__latest .col-md-3,
    .p-top__latest .col-sm-3,
    .p-top__latest .col-xs-6 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .p-top__latest .col-xs-6 {
      float: left; }
    .p-top__latest .col-xs-6 {
      width: 50%; }
    .p-top__latest .row:after,
    .p-top__latest .row:before {
      content: " ";
      display: table; }
    .p-top__latest .row:after {
      clear: both; }
    .p-top__latest a {
      color: #0092c4;
      text-decoration: none;
      cursor: pointer; }
    .p-top__latest a:active,
    .p-top__latest a:focus,
    .p-top__latest a:hover {
      color: #988153;
      text-decoration: none;
      outline: none; }
    .p-top__latest dd,
    .p-top__latest dl,
    .p-top__latest dt {
      margin: 0;
      padding: 0; }
    .p-top__latest img {
      max-width: 100%; }
    .p-top__latest .row {
      margin-left: -8px;
      margin-right: -8px;
      padding-bottom: 16px; }
    .p-top__latest .col-md-3,
    .p-top__latest .col-sm-3,
    .p-top__latest .col-xs-6 {
      padding-left: 8px;
      padding-right: 8px; }
    .p-top__latest .item_photo {
      display: block;
      margin: 0 0 8px;
      text-align: center; }
    .p-top__latest .item_photo img {
      width: 100%;
      height: auto; }
    .p-top__latest .item_comment {
      margin: 0 0 8px; }
    .p-top__latest .item_name {
      color: #525263;
      margin: 0 0 8px; }
    .p-top__latest .item_price {
      color: #525263;
      font-weight: bold; }
    .p-top__latest p {
      font-size: 12px; }
    .p-top__latest .front_page a:hover img {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    .p-top__latest .front_page #contents .row > div {
      padding-bottom: 8px; }
    .p-top__latest .pickup_item .item_comment {
      color: #333;
      margin: 0 0 3px;
      font-size: 12px;
      height: 75px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3; }
    .p-top__latest a {
      color: #333; }
    .p-top__latest a:hover {
      color: #666;
      text-decoration: underline; }
    .p-top__latest .recommend_group_title {
      border-bottom: 2px solid #dae0e6;
      font-size: 20px;
      font-weight: bold;
      padding: 5px 0;
      letter-spacing: 1px;
      margin: 0 0 20px; }
    .p-top__latest .pickup_item .item_photo {
      display: table;
      margin: 0 0 8px;
      text-align: center;
      position: relative;
      width: 100%;
      table-layout: fixed; }
    .LC_Page_Index .p-top__latest .item_photo > a {
      display: table-cell;
      border: 1px solid #d1d1d1;
      vertical-align: middle;
      width: 100%; }
    .LC_Page_Index .p-top__latest .item_name a {
      font-weight: bold; }
    .LC_Page_Index .p-top__latest .item_price {
      text-align: right;
      margin-top: 5px; }
    .p-top__latest .item_photo img {
      width: 100%; }
    .p-top__latest .item_comment {
      margin: 0 0 8px;
      font-size: 12px; }
    .p-top__latest .item_name {
      font-size: 12px;
      margin: 0 0 5px; }
    .p-top__latest .item_price {
      color: #333;
      font-size: 15px;
      font-weight: bold;
      padding-bottom: 5px; }
    .p-top__latest .recommend_group_item_list_new_magazine .slick-track {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: stretch;
          align-items: stretch;
      margin: 0; }
    .p-top__latest .recommend_group_item_list_new_magazine .col {
      float: none;
      padding: 0 14px;
      display: -ms-flexbox;
      display: flex;
      height: auto; }
    .p-top__latest .recommend_group_item_list_new_magazine .pickup_item {
      margin: 5px;
      padding: 20px 20px 0;
      background-color: #e8e5de;
      border: 1px solid #d6cdbb;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 100%; }
      .p-top__latest .recommend_group_item_list_new_magazine .pickup_item:before {
        content: " ";
        display: block;
        width: 114px;
        height: 114px;
        background-image: url("/user_data/packages/default/img/legacy/common/ico_new.png");
        background-repeat: no-repeat;
        position: absolute;
        top: -5px;
        left: -5px;
        z-index: 1; }
      .p-top__latest .recommend_group_item_list_new_magazine .pickup_item .item_price {
        margin-top: auto; }
    .p-top__latest .recommend_group_item_list_new_magazine .item_photo {
      display: block;
      min-height: 0; }
    .p-top__latest .recommend_group_item_list_new_magazine .item_photo a {
      min-height: 0;
      display: block; }
    .p-top__latest .recommend_group_item_list_new_magazine .slick-dots {
      list-style: none;
      padding: 0;
      margin: 14px 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
      .p-top__latest .recommend_group_item_list_new_magazine .slick-dots li {
        line-height: 1; }
        .p-top__latest .recommend_group_item_list_new_magazine .slick-dots li button {
          background: none #e8e5de;
          border: none;
          color: transparent;
          font-size: 0;
          width: 10px;
          height: 10px;
          padding: 0;
          margin: 6px;
          border-radius: 50%; }
        .p-top__latest .recommend_group_item_list_new_magazine .slick-dots li.slick-active button {
          background-color: #988154; }

.u-list-sanitize {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0; }
  .u-list-sanitize li {
    list-style: none; }

.u-dl-sanitize {
  margin-top: 0;
  margin-bottom: 0; }
  .u-dl-sanitize dd {
    margin-left: 0; }

.u-font--ja {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic ProN, Meiryo, system-ui, sans-serif; }

.u-font--en {
  font-family: "Roboto", sans-serif; }

.u-font-weight--bold {
  font-weight: 700; }

.u-font-opacity--08 {
  color: rgba(51, 51, 51, 0.8); }

.u-pt-0 {
  padding-top: 0; }

.u-pb-0 {
  padding-bottom: 0; }

.u-mt-0 {
  margin-top: 0; }

.u-mb-0 {
  margin-bottom: 0; }

.u-mt-10 {
  margin-top: 10px; }

.u-mb-10 {
  margin-bottom: 10px; }

.u-mt-20 {
  margin-top: 20px; }

.u-mb-20 {
  margin-bottom: 40px; }

.u-mb-1line {
  margin-bottom: 1.75em; }

/*
.u-break--pc-visible
.u-break--pc-hidden
.u-break--tb-visible
.u-break--tb-hidden
.u-break--sp-visible
.u-break--sp-hidden

*/
.u-break--pc-visible {
  display: initial; }

.u-break--pc-hidden {
  display: none; }

.u-break--tb-visible {
  display: none; }

.u-break--tb-hidden {
  display: initial; }

.u-break--sp-visible {
  display: none; }

.u-break--sp-hidden {
  display: initial; }

/*
.u-border--none

*/
.u-border--none {
  border: none; }
@media (min-width: 992px){

  .mq{
    width: auto;
  }

  .p-product-detail .col-md-12{
    float: left;
  }

  .p-product-detail .col-md-12{
    width: 100%;
  }

  .p-top__latest .col-md-3{
    float: left;
  }

  .p-top__latest .col-md-3{
    width: 25%;
  }
}
@media screen and (min-width: 769px){

  .mq{
    width: auto;
  }

  a:hover{
    text-decoration: none;
  }

  .c-list-product__link:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .c-list-product__delete-link:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .c-pager__link--number:hover{
    color: #fff;
    background-color: #988154;
    border-color: #988154;
  }

  .c-pager__link--text:hover{
    background: #f2f3f5;
  }

  .b-mypage-navi__link:hover{
    color: #666;
    text-decoration: underline;
  }

  .p-footer__navi-link:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .p-header__navi-link:hover{
    background-color: #76582a;
  }

  .p-header__login-link:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .p-mypage__index-link:hover{
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .p-mypage__top-navi-button.c-button--outlined.is-primary:hover{
    color: #fff;
    background-color: #988154;
    border-color: #988154;
  }
}
@media only screen and (min-width: 768px){

  .mq{
    width: auto;
  }

  .l-drawer .sp{
    display: none !important;
  }

  .l-drawer h2{
    font-size: 1.6rem;
  }

  .l-drawer .search select option{
    max-width: 246px;
  }

  .l-drawer .drawer{
    position: static;
    height: auto;
    width: auto;
    margin: 0 auto;
    overflow: visible;
    background: transparent;
  }

  .l-drawer .drawer:after{
    content: "";
    display: table;
    clear: both;
  }

  .l-drawer .member_link{
    margin: 0;
  }

  .l-drawer .member_link a{
    border: 0 none;
  }

  .l-drawer #search{
    background: none;
    padding: 0;
  }

  .l-drawer #search select{
    width: auto;
    max-width: 180px;
  }

  .b-category-nav-sp h2{
    font-size: 1.6rem;
  }

  .b-guide h2{
    font-size: 1.6rem;
  }

  .b-info h2{
    font-size: 1.6rem;
  }

  .b-login .sp{
    display: none !important;
  }

  .b-login .pc{
    display: block !important;
  }

  .b-login h2{
    font-size: 1.6rem;
  }

  .b-login .member_link{
    margin: 0;
  }

  .b-login .member_link a{
    border: 0 none;
  }

  .b-login #member{
    float: none;
  }

  .b-login .member ul li{
    display: inline-block;
  }

  .b-news h2{
    font-size: 1.6rem;
  }

  .b-news .news_contents{
    padding: 0;
  }

  .b-news #news_area{
    margin-bottom: 32px;
  }

  .b-recommend .row{
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
  }

  .b-recommend .col-md-3,
    .b-recommend .col-sm-3,
    .b-recommend .col-xs-6{
    padding-left: 16px;
    padding-right: 16px;
  }

  .b-recommend .item_photo{
    margin: 0 0 15px;
  }

  .b-recommend .item_comment{
    margin: 0 0 15px;
  }

  .b-recommend .front_page #contents .row{
    padding-bottom: 24px;
  }

  .b-newbook .row{
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
  }

  .b-newbook .col-md-3,
    .b-newbook .col-sm-3,
    .b-newbook .col-xs-6{
    padding-left: 16px;
    padding-right: 16px;
  }

  .b-newbook .item_photo{
    margin: 0 0 15px;
  }

  .b-newbook .item_comment{
    margin: 0 0 15px;
  }

  .b-newbook .front_page #contents .row{
    padding-bottom: 24px;
  }

  .b-search-product #search{
    background: none;
    padding: 0;
  }

  .p-company .page-heading{
    border-bottom-style: solid;
    border-top: 0 none;
  }

  .p-faq .page-heading{
    border-bottom-style: solid;
    border-top: 0 none;
  }

  .p-order .page-heading{
    border-bottom-style: solid;
    border-top: 0 none;
  }

  .p-order .dl_table{
    display: table;
    width: 100%;
  }

  .p-order .dl_table dl{
    display: table-row;
    border: 0 none;
  }

  .p-order .dl_table dd,
    .p-order .dl_table dt{
    display: table-cell;
    border-bottom: 1px dotted #ccc;
    padding: 16px 0;
  }

  .p-order .dl_table dt{
    width: 30%;
  }

  .p-order .dl_table dd{
    padding: 16px;
  }

  .p-privacy .page-heading{
    border-bottom-style: solid;
    border-top: 0 none;
  }

  .p-product-detail .row{
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
  }

  .p-product-detail .col-md-12,
    .p-product-detail .col-sm-6,
    .p-product-detail .col-sm-8,
    .p-product-detail .col-xs-12{
    padding-left: 16px;
    padding-right: 16px;
  }

  .p-product-detail #topicpath{
    display: block;
    margin: 0;
    padding-bottom: 0;
    display: block;
    position: absolute;
    top: -50px;
    left: 10px;
    border: 0 none;
  }

  .p-product-detail #topicpath ol{
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  .p-product-detail #topicpath ol li{
    float: left;
    color: #333;
    font-size: 13px;
  }

  .p-product-detail #topicpath ol li a{
    float: left;
    display: inline-block;
    text-decoration: underline;
  }

  .p-product-detail #topicpath ol li:after{
    content: ">";
    margin: 0 5px;
  }

  .p-product-detail #topicpath ol li:last-child:after{
    content: none;
  }

  .p-product-detail .item_comment{
    margin: 0 0 15px;
  }

  .p-product-detail #item_photo_area{
    padding-top: 0;
    padding-bottom: 0;
  }

  .p-product-detail #item_detail_area .item_detail .item_comment{
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .p-product-detail .cart_area{
    padding-top: 14px;
  }

  .p-product-detail .cart_area .quantity{
    margin: 14px 0;
  }

  .p-product-detail #item_photo_area .slick-dots{
    margin: 15px 0 15px -15px;
    position: relative;
    bottom: 0;
  }

  .p-product-detail #item_photo_area .slick-dots:after{
    content: "";
    display: table;
    clear: both;
  }

  .p-product-detail #item_photo_area .slick-dots li{
    height: auto;
    padding: 0;
    padding: 0 0 15px 15px;
    float: left;
  }

  .p-product-detail .slick-dots li button.thumbnail{
    width: 100%;
    height: auto;
    padding: 0;
  }

  .p-product-detail .slick-dots li button.thumbnail img{
    width: 100%;
    height: auto;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }

  .p-product-detail .slick-dots li button.thumbnail:hover img,
    .p-product-detail .slick-dots li.slick-active button.thumbnail img{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .p-product-detail .slick-dots li button.thumbnail:before{
    display: none;
  }

  .p-product-detail .item_comment{
    font-size: 16px;
  }

  .p-product-detail #detail_description_box__name{
    margin-bottom: 20px;
  }

  .p-product-detail__related .col{
    width: 20%;
  }

  .p-product-list .pagenumberarea{
    text-align: right;
  }

  .p-product-list-title{
    margin: 0 16px 10px;
  }

  .p-product-list #page_navi_top{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .p-product-list #page_navi_top .p-product-list-title{
    width: 100%;
  }

  .p-product-list .row{
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
  }

  .p-product-list .col-md-3,
    .p-product-list .col-sm-3,
    .p-product-list .col-sm-6,
    .p-product-list .col-xs-6{
    padding-left: 16px;
    padding-right: 16px;
  }

  .p-product-list .pagination.c-pager{
    width: 100%;
  }

  .p-product-list #topicpath{
    display: block;
    position: absolute;
    top: -50px;
    left: 10px;
    border: 0 none;
  }

  .p-product-list #topicpath li{
    font-size: 13px;
  }

  .p-product-list #topicpath li a{
    text-decoration: underline;
  }

  .p-product-list .intro{
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 28px;
    font-size: 13px;
  }

  .p-product-list .product_page .product_item{
    padding-bottom: 24px;
  }

  .p-product-list .item_photo{
    margin: 0 0 15px;
  }

  .p-product-list .item_comment{
    margin: 0 0 15px;
  }

  .p-product-list .item_comment{
    font-size: 14px;
  }

  .p-product-list .item_name{
    font-size: 16px;
  }

  .p-top__latest .row{
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 16px;
  }

  .p-top__latest .col-md-3,
      .p-top__latest .col-sm-3,
      .p-top__latest .col-xs-6{
    padding-left: 16px;
    padding-right: 16px;
  }

  .p-top__latest .item_photo{
    margin: 0 0 15px;
  }

  .p-top__latest .item_comment{
    margin: 0 0 15px;
  }

  .p-top__latest .front_page #contents .row{
    padding-bottom: 24px;
  }
}
@media (min-width: 768px){

  .mq{
    width: auto;
  }

  .b-recommend .col-sm-3{
    width: 20%;
  }

  .b-newbook .col-sm-3{
    width: 20%;
  }

  .p-product-detail .col-sm-6,
    .p-product-detail .col-sm-8{
    float: left;
  }

  .p-product-detail .col-sm-8{
    width: 66.66666667%;
  }

  .p-product-detail .col-sm-6{
    width: 50%;
  }

  .p-product-list .col-sm-6{
    width: 50%;
  }

  .p-product-list .col-sm-3{
    width: 20%;
  }

  .p-top__latest .col-sm-3{
    float: left;
  }

  .p-top__latest .col-sm-3{
    width: 25%;
  }
}
@media (min-width: 592px){

  .mq{
    width: auto;
  }

  .mdc-dialog .mdc-dialog__surface{
    max-width: 560px;
  }
}
@media screen and (max-width: 1024px){

  .mq{
    width: auto;
  }
}
@media screen and (max-width: 839px){

  .mq{
    width: auto;
  }

  .l-main__middle{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .l-main__middle-main.is-2column, .l-main__middle-main.is-3column{
    width: 100%;
  }

  .l-main__middle-sub{
    width: 100%;
  }

  .c-top-app-bar.is-transparent{
    background: #fff;
  }

  .c-detail-product{
    margin: 0 -20px;
  }

  .c-detail-product__image{
    width: 45%;
    padding: 0 10px 0 20px;
  }

  .c-detail-product__profile{
    width: 55%;
    padding: 0 20px 0 10px;
  }

  .c-detail-product__title{
    font-size: 1em;
    margin: 7px 0 0;
  }

  .c-detail-product__code{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .c-detail-product__code--label, .c-detail-product__price-normal--label, .c-detail-product__point--label, .c-detail-product__maker--label, .c-detail-product__maker-url--label{
    font-size: 0.75rem;
    font-weight: 700;
    color: rgba(51, 51, 51, 0.7);
    width: 100%;
  }

  .c-detail-product__code--label:after, .c-detail-product__price-normal--label:after, .c-detail-product__point--label:after, .c-detail-product__maker--label:after, .c-detail-product__maker-url--label:after{
    display: none;
  }

  .c-detail-product__price-normal, .c-detail-product__point, .c-detail-product__maker, .c-detail-product__maker-url{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .c-scroll-to-top{
    display: none;
  }

  .c-form__parts{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .is-input .c-form__parts-label{
    padding: 4px 0;
  }

  .is-confirm .c-form__parts-label{
    padding: 4px 0;
  }

  .c-form__parts-label.is-radio{
    padding: 4px 0;
  }

  .c-form__parts-label.is-checkbox{
    padding: 4px 0;
  }

  .c-form__parts-label{
    min-width: inherit;
  }

  .c-form__parts-label-text{
    font-size: 0.75rem;
  }

  .c-form__box-item.is-half{
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .c-form__result{
    min-height: auto;
  }

  .b-cart{
    display: none;
  }

  .l-main .b-login{
    display: none;
  }

  .l-drawer .b-login{
    display: block;
  }

  .b-recommend .pickup_item{
    padding: 0 10px;
  }

  .b-recommend .recommend_group_title{
    font-size: 18px;
  }

  .b-newbook .pickup_item{
    padding: 0 10px;
  }

  .b-newbook .newbook_group_title{
    font-size: 18px;
  }

  .b-search-product{
    display: none;
  }

  .l-main .b-search-product{
    display: none;
  }

  .l-drawer .b-search-product{
    display: block;
  }

  .b-slider__notice-title{
    display: none;
  }

  .b-slider .slick-slider{
    margin-bottom: 10px;
  }

  .b-mypage-navi{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-mypage-banner{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-mypage-banner__link{
    max-width: 355px;
    margin: 0 auto;
  }

  .p-cart__info{
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .p-cart__list-item{
    width: calc(100% / 3);
  }

  .p-cart__table-heading{
    display: none;
  }

  .p-cart__table-body{
    padding-top: 0px;
  }

  .p-cart__table-body-list{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5px 0;
  }

  .p-cart__table-body-list-item{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .p-cart__table-body-list-item:nth-child(1){
    width: initial;
  }

  .p-cart__table-body-list-item:nth-child(2){
    width: calc(100% - 170px);
    -ms-flex-positive: 1;
        flex-grow: 1;
  }

  .p-cart__table-body-list-item:nth-child(3){
    width: initial;
  }

  .p-cart__table-body-list-item:nth-child(4){
    width: 100%;
  }

  .p-cart__product-image{
    width: 75px;
  }

  .p-cart__amount-label{
    display: inline-block;
  }

  .p-cart__subtotal-label{
    display: inline-block;
  }

  .p-cart__favorite-delete-icon{
    font-size: 20px;
  }

  .p-footer{
    padding-top: 0;
  }

  .p-footer__top-contents{
    display: block;
  }

  .p-footer__navi{
    max-width: inherit;
    width: auto;
  }

  .p-footer__navi-title{
    display: block;
    background-color: #76582a;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
  }

  .p-footer__navi-list{
    display: block;
  }

  .p-footer__navi-list.is-sub{
    display: none;
    padding: 0 10px;
    margin-bottom: 10px;
  }

  .p-footer__navi-list-item{
    margin-left: 0;
    border-bottom: 1px solid #d3c6b3;
  }

  .p-footer__navi-list-title{
    cursor: pointer;
    padding: 15px 10px;
    margin-bottom: 0;
    border-bottom: none;
  }

  .p-footer__navi-list-title:after{
    content: " ";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url("/user_data/packages/default/svg/arrow_right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
  }

  .p-footer__navi-list-title.is-active:after{
    transform: translate(0, -50%) rotate(90deg);
  }

  .p-footer__navi-list-title.is-active + .is-sub{
    display: block;
  }

  .p-footer__navi-link{
    padding: 10px;
  }

  .p-footer__logo{
    max-width: inherit;
    width: auto;
  }

  .p-footer__logo{
    margin-top: 1.5em;
  }

  .p-footer__logo-link{
    max-width: 137px;
  }

  .p-footer__related-list{
    padding: 0;
  }

  .p-footer__related-list-item{
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #d3c6b6;
  }

  .p-footer__related-list-item:nth-child(odd){
    border-right: 1px solid #d3c6b6;
  }

  .p-footer__related-link{
    padding: 10px;
    font-size: 12px;
  }

  .p-footer__copy{
    padding: 0;
  }

  .p-footer__page-top{
    top: -22px;
  }

  .p-header__top{
    padding-top: 15px;
    padding-bottom: 15px;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .p-header__button{
    display: block;
  }

  .p-header__logo{
    margin: -2px 0 0;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
  }

  .p-header__logo-link{
    width: 100px;
  }

  .p-header__bottom{
    border-top: 1px solid #bbc2cb;
  }

  .p-header__bottom:after{
    content: none;
  }

  .LC_Page_Cart .p-header,
    .LC_Page_Shopping .p-header,
    .LC_Page_Shopping_Deliv .p-header,
    .LC_Page_Shopping_Payment .p-header,
    .LC_Page_Shopping_Confirm .p-header,
    .LC_Page_Shopping_Complete .p-header,
    .ZeusSecureApi .p-header{
    height: 50px;
  }

  .p-help__about-parts{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-help__about-parts-label{
    min-width: inherit;
  }

  .p-help__about-parts-label{
    padding: 4px 0;
  }

  .p-help__about-parts-label-text{
    font-size: 0.75rem;
  }

  .p-mypage__navi-list-item{
    width: 50%;
  }

  .p-mypage__index-list-item{
    width: 48.75%;
  }

  .p-mypage__history-info{
    width: auto;
    padding-left: 10px;
  }

  .p-mypage__history-product-price, .p-mypage__deliv-product-price{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .p-mypage__layout--sub{
    width: 200px;
    padding-left: 20px;
  }

  .p-mypage__deliv-method, .p-mypage__deliv-date, .p-mypage__deliv-time{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .p-mypage__deliv-method-label, .p-mypage__deliv-date-label, .p-mypage__deliv-time-label{
    font-size: 0.875rem;
    padding-right: 0;
  }

  .p-mypage__point-setting{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .p-mypage__point-setting-info{
    padding-top: 0;
  }

  .p-mypage__point-setting-input{
    margin-left: 0;
  }

  .p-mypage__order-date, .p-mypage__order-detail-code, .p-mypage__order-detail-type, .p-mypage__order-detail-price, .p-mypage__order-detail-quantity, .p-mypage__order-detail-subtotal, .p-mypage__order-number, .p-mypage__order-status, .p-mypage__order-use-point, .p-mypage__order-add-point, .p-mypage__order-code{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin-top: 0.75em;
  }

  .p-mypage__order-date-label, .p-mypage__order-detail-code-label, .p-mypage__order-detail-type-label, .p-mypage__order-detail-price-label, .p-mypage__order-detail-quantity-label, .p-mypage__order-detail-subtotal-label, .p-mypage__order-number-label, .p-mypage__order-status-label, .p-mypage__order-use-point-label, .p-mypage__order-add-point-label, .p-mypage__order-code-label{
    font-size: 0.75rem;
  }

  .p-mypage__order-date-detail:before, .p-mypage__order-detail-code-detail:before, .p-mypage__order-detail-type-detail:before, .p-mypage__order-detail-price-detail:before, .p-mypage__order-detail-quantity-detail:before, .p-mypage__order-detail-subtotal-detail:before, .p-mypage__order-number-detail:before, .p-mypage__order-status-detail:before, .p-mypage__order-use-point-detail:before, .p-mypage__order-add-point-detail:before, .p-mypage__order-code-detail:before{
    display: none;
  }

  .p-mypage__message-result-comment{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-mypage__message-result-comment-date{
    font-size: 0.875em;
    margin: 5px 0 0 0;
  }

  .p-mypage__subtotal-label, .p-mypage__charge-label, .p-mypage__fee-label, .p-mypage__total-label{
    font-size: 0.75rem;
  }

  .p-mypage__subtotal-detail, .p-mypage__charge-detail, .p-mypage__fee-detail, .p-mypage__total-detail{
    font-size: 0.75em;
  }

  .p-mypage__favorite-delete-icon{
    font-size: 20px;
  }

  .p-mypage__change-br{
    display: block;
  }

  .p-mypage__change-spnone{
    display: none;
  }

  .p-mypage__top-banner-link{
    max-width: 355px;
    margin: 0 auto;
  }

  .p-product-detail__contact-icon img{
    vertical-align: bottom;
  }

  .p-product-detail__favorite-icon img{
    vertical-align: bottom;
  }

  .p-shopping__layout--sub{
    width: 200px;
    padding-left: 20px;
  }

  .p-shopping__deliv-product-image, .p-shopping__add-address-product-image{
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }

  .p-shopping__deliv-product-price{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .p-shopping__deliv-method, .p-shopping__deliv-date, .p-shopping__deliv-time{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .p-shopping__deliv-method-label, .p-shopping__deliv-date-label, .p-shopping__deliv-time-label{
    font-size: 0.875rem;
    padding-right: 0;
  }

  .p-shopping__point-setting{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .p-shopping__point-setting-info{
    padding-top: 0;
  }

  .p-shopping__point-setting-input{
    margin-left: 0;
  }

  .p-shopping__subtotal-label, .p-shopping__charge-label, .p-shopping__fee-label, .p-shopping__discount-label, .p-shopping__total-label, .p-shopping__user-point-label, .p-shopping__use-point-label, .p-shopping__birth-point-label, .p-shopping__add-point-label, .p-shopping__total-point-label{
    font-size: 0.75em;
  }

  .p-shopping__subtotal-detail, .p-shopping__charge-detail, .p-shopping__fee-detail, .p-shopping__discount-detail, .p-shopping__total-detail, .p-shopping__user-point-detail, .p-shopping__use-point-detail, .p-shopping__birth-point-detail, .p-shopping__add-point-detail, .p-shopping__total-point-detail{
    font-size: 0.75em;
  }

  .p-shopping__pay-total-label{
    font-size: 0.75em;
  }

  .p-shopping__add-address-controller-action{
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .p-shopping__add-address-select, .p-shopping__add-address-quantity{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .p-shopping__add-address-select-label, .p-shopping__add-address-quantity-label{
    font-size: 0.75rem;
    padding-bottom: 4px;
  }

  .p-top__latest .pickup_item{
    padding: 0 10px;
  }

  .p-top__latest .pickup_item .item_comment{
    height: 65px;
  }

  .p-top__latest .recommend_group_title{
    font-size: 18px;
  }

  .u-break--pc-visible{
    display: none;
  }

  .u-break--pc-hidden{
    display: initial;
  }

  .u-break--tb-visible{
    display: initial;
  }

  .u-break--tb-hidden{
    display: none;
  }
}
@media only screen and (max-width: 767px){

  .mq{
    width: auto;
  }

  .l-drawer .sp{
    display: block !important;
  }

  .l-drawer .drawer{
    transition: visibility 0s 0.3s;
  }

  .l-drawer .drawer-open .drawer{
    height: 100%;
    visibility: visible;
    transition: visibility 0s 0s;
  }

  .l-drawer .drawer .block-side{
    padding: 0;
  }

  .l-drawer .drawer .search .input_search{
    height: auto;
    border-bottom: none;
    margin-top: 3px;
  }

  .l-drawer .drawer #search{
    min-height: 190px;
  }

  .l-drawer .member_link_pw_forgot{
    border-top: none;
    text-align: left;
  }

  .b-login .sp{
    display: block !important;
  }

  .b-login .pc{
    display: none !important;
  }

  .b-login #member{
    display: block !important;
  }

  .b-login .member_link_pw_forgot{
    border-top: none;
    text-align: left;
  }

  .b-login .member_link_pw_forgot a{
    font-size: 1.4rem;
  }

  .b-news .recommend_group_title{
    font-size: 16px;
  }

  .b-recommend .recommend_group_title{
    font-size: 16px;
  }

  .b-recommend .col{
    margin-bottom: 10px;
  }

  .LC_Page_Index .b-recommend .item_price{
    font-size: 16px;
  }

  .b-newbook .newbook_group_title{
    font-size: 16px;
  }

  .b-newbook .col{
    margin-bottom: 10px;
  }

  .LC_Page_Index .b-newbook .item_price{
    font-size: 16px;
  }

  .p-order #tradelaw_box .dl_table dt{
    border-right: none;
    width: 100%;
  }

  .p-order #tradelaw_box .dl_table dd{
    border-right: none;
    width: 100%;
  }

  .p-product-list .col{
    margin-bottom: 10px;
  }

  .p-product-list .item_price{
    font-size: 16px;
  }

  .p-product-list .pagination.c-pager ul li a{
    font-size: 12px;
  }

  .p-top__latest .recommend_group_title{
    font-size: 16px;
  }

  .p-top__latest .col{
    margin-bottom: 10px;
  }

  .LC_Page_Index .p-top__latest .item_price{
    font-size: 16px;
  }
}
@media (max-width: 599px){

  .mq{
    width: auto;
  }

  .mdc-top-app-bar__row{
    height: 56px;
  }

  .mdc-top-app-bar__section{
    padding: 4px;
  }

  .mdc-top-app-bar--short{
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed{
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end{
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px;
  }

  [dir="rtl"] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir="rtl"]{
    /* @noflip */
    padding-left: 12px;
    /* @noflip */
    padding-right: 0;
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title{
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust{
    padding-top: 56px;
  }
}
@media (max-width: 592px){

  .mq{
    width: auto;
  }

  .mdc-dialog .mdc-dialog__surface{
    max-width: calc(100vw - 32px);
  }
}
@media screen and (max-width: 479px){

  .mq{
    width: auto;
  }

  body{
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.025em;
  }

  h1{
    font-size: 1.6rem;
    line-height: 1.38;
    margin-top: 2.07em;
    margin-bottom: 1.035em;
  }

  h2{
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 2.1em;
    margin-bottom: 1.05em;
  }

  h3{
    font-size: 1.4rem;
    line-height: 1.42;
    margin-top: 2.13em;
    margin-bottom: 1.065em;
  }

  h4{
    font-size: 1.3rem;
    line-height: 1.44;
    margin-top: 2.16em;
    margin-bottom: 1.08em;
  }

  h5{
    font-size: 1.2rem;
    line-height: 1.46;
    margin-top: 2.19em;
    margin-bottom: 1.095em;
  }

  h6{
    font-size: 1.1rem;
    line-height: 1.48;
    margin-top: 2.22em;
    margin-bottom: 1.11em;
  }

  dl{
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  dt{
    font-size: 1rem;
    line-height: 1.5;
  }

  dd{
    font-size: 1rem;
    line-height: 1.5;
  }

  p{
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  ul, ol{
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  li{
    font-size: 1rem;
    line-height: 1.5;
  }

  .c-button--unelevated.is-primary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button--unelevated.is-secondary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button--unelevated.is-tertiary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button--outlined.is-primary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button--outlined.is-secondary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button--outlined.is-tertiary{
    padding-left: 2.05em;
    padding-right: 2.05em;
  }

  .c-button__label{
    font-size: 0.75em;
  }

  .c-page-title{
    font-size: 1.25rem;
    line-height: 1.45;
  }

  .c-page-title{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 8px 16px;
    background: #f2f3f5;
    border-bottom: none;
  }

  .c-contents-title{
    font-size: 1.125rem;
    line-height: 1.475;
  }

  .c-contents-title{
    padding-left: 0.5125em;
    padding-right: 0.5125em;
  }

  .LC_Page_Cart .c-contents-title{
    margin-top: 1.125em;
  }

  .LC_Page_Cart .c-contents-title{
    margin-bottom: 0.75em;
  }

  .c-list-product__image{
    margin-bottom: 10px;
  }

  .c-list-product__name{
    line-height: 1.5;
  }

  .c-list-product__class-category{
    font-size: 10px;
  }

  .c-list-product__form{
    padding-top: 4px;
  }

  .c-list-product__form-box-item{
    padding: 8px 0;
  }

  .c-list-product__actions{
    padding-top: 8px;
  }

  .c-list-product__button{
    width: 100%;
    max-width: 240px;
  }

  .c-list-product__footer-layout{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .c-list-product__footer-layout.is-product{
    -ms-flex-pack: start;
        justify-content: flex-start;
  }

  .c-list-product__category{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .c-detail-product{
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 0;
  }

  .c-detail-product__image{
    width: auto;
    padding: 0;
  }

  .c-detail-product__image-navi{
    display: none;
  }

  .c-detail-product__profile{
    width: auto;
    padding: 0;
    margin-top: 1.5em;
  }

  .c-detail-product__code{
    margin: 12px 0 0;
  }

  .c-detail-product__code--label, .c-detail-product__price-normal--label, .c-detail-product__point--label, .c-detail-product__maker--label, .c-detail-product__maker-url--label{
    margin-bottom: 2px;
  }

  .c-detail-product__price-normal--tax, .c-detail-product__point--unit{
    margin-left: 0.5125em;
  }

  .c-detail-product__price-selling{
    margin-top: 6px;
  }

  .c-detail-product__price-selling--number{
    font-size: 1.2rem;
    line-height: 1.46;
  }

  .c-detail-product__price-selling--tax{
    margin-left: 0.5125em;
  }

  .c-detail-product__point{
    margin-top: 12px;
  }

  .c-detail-product__category{
    margin: 12px 0 18px;
  }

  .c-detail-product__category-list-item:after{
    width: 2.05em;
  }

  .c-detail-product__form{
    margin-top: 1.125em;
  }

  .c-detail-product__form{
    padding-top: 8px;
  }

  .c-detail-product__form-box-item{
    padding: 8px 0;
  }

  .c-detail-product__form-box-item > .mdc-select{
    max-width: none;
  }

  .c-detail-product__form-box-item > .c-text-field{
    max-width: none;
  }

  .c-detail-product__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .c-detail-product__actions{
    margin-bottom: 0.75em;
  }

  .c-detail-product__actions-item{
    padding: 4px 8px;
  }

  .c-detail-product__actions-item{
    text-align: center;
  }

  .c-detail-product__comment{
    margin-top: 1.125em;
  }

  .c-detail-product__comment{
    margin-bottom: 0.75em;
  }

  .c-pager{
    margin-top: 1.125em;
  }

  .c-pager{
    margin-bottom: 0.75em;
  }

  .c-pager{
    padding-bottom: 1.5em;
  }

  .c-form{
    margin-top: 1.125em;
  }

  .c-form{
    margin-bottom: 0.75em;
  }

  .c-form__parts{
    padding: 8px 0;
  }

  .c-form__parts-label-required{
    margin-left: 0.5125em;
  }

  .c-form__box{
    margin: 0 -8px;
  }

  .c-form__box-item{
    padding: 8px 0;
    margin: 0 8px;
  }

  .c-form__radios-item{
    margin-right: 1.025em;
  }

  .c-form__postcode{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .c-form__postcode-item{
    margin: 0 0 8px;
  }

  .c-form__postcode-mark{
    margin-right: 0.5125em;
  }

  .c-form__postcode-dash{
    width: 0.775em;
  }

  .c-form__tel-dash, .c-form__birth-slash, .c-form__card-slash, .c-form__fax-dash{
    width: 1.025em;
  }

  .c-form__price-unit{
    margin-left: 0.25625em;
  }

  .c-form__price-unit{
    width: 1.525em;
  }

  .c-form__birth{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .c-form__birth-item.is-birth-year{
    width: 100%;
    margin: 0 0 16px;
  }

  .c-form__get-address{
    margin: 0 -8px;
  }

  .c-form__get-address-item{
    margin: 0 8px;
  }

  .c-form__note{
    font-size: 0.75em;
  }

  .c-form__actions{
    margin-top: 1.125em;
  }

  .c-form__actions{
    margin-bottom: 0.75em;
  }

  .c-form__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .c-form__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .c-form__actions-item{
    padding: 4px 8px;
  }

  .c-form__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .c-form__card{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .c-form__title{
    font-size: 1.125rem;
    line-height: 1.475;
  }

  .c-form__modal-contents{
    padding: 16px;
  }

  .c-form__modal-button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .c-form__info-text{
    font-size: 0.875em;
  }

  .c-error{
    padding: 10px 16px;
  }

  .c-error-message{
    font-size: 0.75em;
  }

  .b-cart{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-category-nav-sp{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-guide{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-info{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-login-sp__link{
    padding-left: 1.025em;
  }

  .b-login-sp__link{
    padding-right: 1.025em;
  }

  .b-login{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-news{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-news__body{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
  }

  .b-recommend{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-newbook{
    padding-left: 10px;
    padding-right: 10px;
  }

  .b-search-product{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-cart__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-cart__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-cart__progress{
    margin-top: 1.125em;
  }

  .p-cart__progress-list{
    position: relative;
  }

  .p-cart__progress-list-item:before, .p-cart__progress-list-item:after{
    top: 10px;
  }

  .p-cart__progress-number{
    font-size: 10px;
    width: 20px;
    height: 20px;
  }

  .is-active .p-cart__progress-label{
    display: block;
  }

  .p-cart__progress-label{
    font-size: 10px;
    line-height: 1.3;
    white-space: normal;
    text-overflow: inherit;
  }

  .p-cart__error{
    padding: 8px;
  }

  .p-cart__error-icon{
    margin-right: 0.25625em;
  }

  .p-cart__info{
    margin-top: 1.125em;
  }

  .p-cart__info-message{
    font-size: 0.75rem;
    line-height: 1.3;
  }

  .p-cart__info-total{
    font-size: 0.75rem;
    line-height: 1.3;
  }

  .p-cart__list{
    margin: 0 -7px;
  }

  .p-cart__list-item{
    padding: 0 7px 15px;
    margin-top: 20px;
    width: 50%;
  }

  .p-cart__table, .p-cart__total{
    margin-top: 1.125em;
  }

  .p-cart__table, .p-cart__total{
    margin-bottom: 0.75em;
  }

  .p-cart__table-body-list-item{
    padding-left: 0;
    padding-right: 0;
  }

  .p-cart__table-body-list-item:nth-child(2){
    width: calc(100% - 40px);
  }

  .p-cart__table-body-list-item:nth-child(3){
    width: 100%;
  }

  .p-cart__table-body-list-item:nth-child(3){
    margin-top: 5px;
    padding-top: 10px;
    border-top: dotted 1px rgba(0, 0, 0, 0.12);
  }

  .p-cart__product{
    padding-left: 16px;
  }

  .p-cart__product-image{
    width: 60px;
  }

  .p-cart__product-summary{
    padding-left: 1.025em;
  }

  .p-cart__product-name{
    font-size: 0.875rem;
    line-height: 1.3;
  }

  .p-cart__product-class-category{
    font-size: 10px;
  }

  .p-cart__product-unit-price{
    line-height: 1.3;
    margin: 6px 0 0;
  }

  .p-cart__quantity{
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    width: initial;
    margin-right: 0;
  }

  .p-cart__amount{
    margin: 0 10px 0 0;
  }

  .p-cart__buy-later{
    padding: 10px 0;
  }

  .p-cart__total{
    padding: 0;
  }

  .p-cart__total-price{
    font-size: 1.1rem;
    line-height: 1.48;
  }

  .p-cart__birth-point, .p-cart__add-point{
    padding: 0;
  }

  .p-cart__actions{
    margin-top: 1.125em;
  }

  .p-cart__actions{
    margin-bottom: 0.75em;
  }

  .p-cart__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-cart__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-cart__actions-item{
    padding: 4px 8px;
  }

  .p-cart__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .p-cart__favorite-delete{
    top: -5px;
    right: 3px;
  }

  .p-company{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-contact__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-contact__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-contact__description{
    margin-top: 0.75em;
  }

  .p-contact__notes{
    margin-top: 1.125em;
  }

  .p-contact__notes{
    margin-bottom: 0.75em;
  }

  .p-contact__complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-contact__company{
    margin-bottom: 1.5em;
  }

  .p-contact__actions{
    margin-top: 1.125em;
  }

  .p-contact__actions{
    margin-bottom: 0.75em;
  }

  .p-contact__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-contact__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-contact__actions-item{
    padding: 4px 8px;
  }

  .p-contact__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .p-entry__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-entry__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-entry__description{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .p-entry__description-detail{
    margin-top: 4px;
  }

  .p-entry__kiyaku{
    margin-top: 1.125em;
  }

  .p-entry__kiyaku{
    margin-bottom: 0.75em;
  }

  .p-entry__kiyaku-textfield{
    height: 15em;
    padding: 1.025em;
    font-size: 0.875em;
  }

  .p-entry__kiyaku-anti-title{
    font-size: 1.15rem;
    line-height: 1.47;
  }

  .p-entry__kiyaku-anti-list-layout-icon{
    width: 30px;
  }

  .p-entry__complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-entry__company{
    margin-bottom: 1.5em;
  }

  .p-entry__actions{
    margin-top: 1.125em;
  }

  .p-entry__actions{
    margin-bottom: 0.75em;
  }

  .p-entry__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-entry__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-entry__actions-item{
    padding: 4px 8px;
  }

  .p-error{
    margin-top: 1.125em;
  }

  .p-error{
    margin-bottom: 0.75em;
  }

  .p-error__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-error__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-error__message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-error__actions{
    margin-top: 1.125em;
  }

  .p-error__actions{
    margin-bottom: 0.75em;
  }

  .p-error__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-error__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-error__actions-item{
    padding: 4px 8px;
  }

  .p-error__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .p-faq{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-footer__top{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-footer__top{
    padding: 0;
  }

  .p-forgot__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-forgot__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-forgot__complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-header{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-header{
    padding-left: 0;
    padding-right: 0;
  }

  .p-header__category-link{
    padding-left: 1.025em;
  }

  .p-header__category-link{
    padding-right: 1.025em;
  }

  .LC_Page_Cart .p-header,
    .LC_Page_Shopping .p-header,
    .LC_Page_Shopping_Deliv .p-header,
    .LC_Page_Shopping_Payment .p-header,
    .LC_Page_Shopping_Confirm .p-header,
    .LC_Page_Shopping_Complete .p-header,
    .ZeusSecureApi .p-header{
    height: 70px;
  }

  .LC_Page_Cart .p-header__logo,
  .LC_Page_Shopping .p-header__logo,
  .LC_Page_Shopping_Deliv .p-header__logo,
  .LC_Page_Shopping_Payment .p-header__logo,
  .LC_Page_Shopping_Confirm .p-header__logo,
  .LC_Page_Shopping_Complete .p-header__logo,
  .ZeusSecureApi .p-header__logo{
    transform: none;
  }

  .LC_Page_Cart .p-header__media,
  .LC_Page_Shopping .p-header__media,
  .LC_Page_Shopping_Deliv .p-header__media,
  .LC_Page_Shopping_Payment .p-header__media,
  .LC_Page_Shopping_Confirm .p-header__media,
  .LC_Page_Shopping_Complete .p-header__media,
  .ZeusSecureApi .p-header__media{
    display: none;
  }

  .p-help__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-help__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-help__description{
    margin-top: 0.75em;
  }

  .p-help__about{
    margin-top: 1.125em;
  }

  .p-help__about{
    margin-bottom: 0.75em;
  }

  .p-help__about-parts{
    padding: 8px 0;
  }

  .p-help__about-box{
    margin: 0 -8px;
  }

  .p-help__about-box-item{
    padding: 8px 0;
    margin: 0 8px;
  }

  .p-help__kiyaku{
    margin-top: 1.125em;
  }

  .p-help__kiyaku{
    margin-bottom: 0.75em;
  }

  .p-help__kiyaku-parts{
    padding: 8px 0;
  }

  .p-help__kiyaku-parts-label-text{
    font-size: 1.15rem;
    line-height: 1.47;
    margin-top: 1.47em;
    margin-bottom: 1.47em;
  }

  .p-help__kiyaku-box{
    margin: 0 -8px;
  }

  .p-help__kiyaku-box-item{
    padding: 8px 0;
    margin: 0 8px;
  }

  .p-help__agreement{
    margin-top: 1.125em;
  }

  .p-help__agreement{
    margin-bottom: 0.75em;
  }

  .p-help__agreement-parts{
    padding: 8px 0;
  }

  .p-help__agreement-parts-label-text{
    font-size: 1.15rem;
    line-height: 1.47;
    margin-top: 1.47em;
    margin-bottom: 1.47em;
  }

  .p-help__agreement-box{
    margin: 0 -8px;
  }

  .p-help__agreement-box-item{
    padding: 8px 0;
    margin: 0 8px;
  }

  .p-mypage__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-mypage__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-mypage__login-info{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 8px 0 16px;
  }

  .p-mypage__login-info-text{
    padding-right: 0;
  }

  .p-mypage__login-info-button{
    text-align: center;
    margin-top: 16px;
  }

  .p-mypage__navi{
    padding: 8px 0 0;
  }

  .p-mypage__navi-list{
    margin: 0;
  }

  .p-mypage__navi-list-item{
    margin: 8px 0 0;
    padding: 0;
    width: 100%;
  }

  .p-mypage__page-message-list-item:before{
    width: 1.05em;
  }

  .p-mypage__actions{
    margin-top: 1.125em;
  }

  .p-mypage__actions{
    margin-bottom: 0.75em;
  }

  .p-mypage__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-mypage__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-mypage__actions-item{
    padding: 4px 8px;
  }

  .p-mypage__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .p-mypage__error{
    padding: 8px;
  }

  .p-mypage__error-icon{
    margin-right: 0.25625em;
  }

  .p-mypage__index-list-item{
    width: 100%;
    margin-bottom: 10px;
  }

  .p-mypage__history-list-item{
    padding-top: 0.75em;
  }

  .p-mypage__history-image{
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }

  .p-mypage__history-order-number-label.large, .p-mypage__history-order-status-label.large{
    width: 100%;
    max-width: 100px;
  }

  .p-mypage__history-actions{
    margin-top: 0.75em;
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: -2px;
  }

  .p-mypage__history-actions-item{
    padding: 2px;
  }

  .p-mypage__history-product{
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
  }

  .p-mypage__history-product-image, .p-mypage__deliv-product-image{
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }

  .p-mypage__history-product-detail, .p-mypage__deliv-product-detail{
    margin-left: 1.025em;
  }

  .p-mypage__history-product-class-category, .p-mypage__deliv-product-class-category{
    font-size: 10px;
  }

  .p-mypage__history-product-price, .p-mypage__deliv-product-price{
    margin: 8px 0 0;
  }

  .p-mypage__history-product-price--sub, .p-mypage__deliv-product-price--sub{
    margin-right: 1.025em;
  }

  .p-mypage__layout{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-mypage__layout--sub{
    width: auto;
    padding-left: 0;
  }

  .p-mypage__account, .p-mypage__deliv, .p-mypage__seller, .p-mypage__payment, .p-mypage__point, .p-mypage__contact, .p-mypage__order, .p-mypage__order-info, .p-mypage__mail, .p-mypage__message{
    margin-top: 1.125em;
  }

  .p-mypage__account, .p-mypage__deliv, .p-mypage__seller, .p-mypage__payment, .p-mypage__point, .p-mypage__contact, .p-mypage__order, .p-mypage__order-info, .p-mypage__mail, .p-mypage__message{
    margin-bottom: 0.75em;
  }

  .p-mypage__account-contents-item, .p-mypage__deliv-contents-item, .p-mypage__seller-contents-item, .p-mypage__payment-contents-item, .p-mypage__point-contents-item, .p-mypage__contact-contents-item, .p-mypage__order-contents-item, .p-mypage__mail-contents-item{
    margin-top: 0.75em;
  }

  .p-mypage__deliv-change{
    padding-bottom: 0.75em;
  }

  .p-mypage__deliv-change-label{
    font-size: 1.05rem;
    line-height: 1.49;
  }

  .p-mypage__deliv-product{
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
  }

  .p-mypage__deliv-name{
    margin-bottom: 4px;
  }

  .p-mypage__deliv-address-postcode{
    display: block;
  }

  .p-mypage__deliv-address-text{
    display: block;
  }

  .p-mypage__deliv-phone-number{
    margin-top: 4px;
  }

  .p-mypage__deliv-selects{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-mypage__deliv-selects-item{
    margin-right: 0;
    margin-bottom: 0.75em;
  }

  .p-mypage__deliv-method-label, .p-mypage__deliv-date-label, .p-mypage__deliv-time-label{
    margin-bottom: 2px;
  }

  .p-mypage__deliv-add{
    padding-top: 0.75em;
  }

  .p-mypage__seller-name{
    margin-bottom: 4px;
  }

  .p-mypage__seller-address-postcode{
    display: block;
  }

  .p-mypage__seller-address-text{
    display: block;
  }

  .p-mypage__seller-phone-number{
    margin-top: 4px;
  }

  .p-mypage__payment-radios-item{
    margin-right: 1.025em;
  }

  .p-mypage__point-setting-input{
    padding-top: 0.75em;
  }

  .p-mypage__point-setting-input .mdc-text-field{
    width: 100%;
  }

  .p-mypage__contact-input{
    padding-top: 0.75em;
  }

  .p-mypage__order-date-label, .p-mypage__order-detail-code-label, .p-mypage__order-detail-type-label, .p-mypage__order-detail-price-label, .p-mypage__order-detail-quantity-label, .p-mypage__order-detail-subtotal-label, .p-mypage__order-number-label, .p-mypage__order-status-label, .p-mypage__order-use-point-label, .p-mypage__order-add-point-label, .p-mypage__order-code-label{
    margin-bottom: 2px;
  }

  .p-mypage__order-date-detail, .p-mypage__order-detail-code-detail, .p-mypage__order-detail-type-detail, .p-mypage__order-detail-price-detail, .p-mypage__order-detail-quantity-detail, .p-mypage__order-detail-subtotal-detail, .p-mypage__order-number-detail, .p-mypage__order-status-detail, .p-mypage__order-use-point-detail, .p-mypage__order-add-point-detail, .p-mypage__order-code-detail{
    width: 100%;
  }

  .p-mypage__order-detail{
    padding-bottom: 0.75em;
  }

  .p-mypage__order-detail-name{
    margin-bottom: 0.75em;
    padding-bottom: 0.75em;
  }

  .p-mypage__mail-contents-item{
    padding-bottom: 0.75em;
  }

  .p-mypage__mail-detail-title{
    margin-top: 4px;
  }

  .p-mypage__message-input, .p-mypage__message-actions{
    margin-top: 1.5em;
  }

  .p-mypage__message-result{
    margin-top: 1.5em;
  }

  .p-mypage__message-result-item{
    padding: 16px 0;
  }

  .p-mypage__summary{
    margin-top: 1.125em;
  }

  .p-mypage__summary{
    margin-bottom: 0.75em;
  }

  .p-mypage__summary-item{
    padding: 16px;
  }

  .p-mypage__summary-actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-mypage__summary-actions{
    padding: 12px 16px;
  }

  .p-mypage__summary-actions-item{
    padding: 4px 8px;
  }

  .p-mypage__summary .p-mypage__summary-button{
    max-width: 240px;
    margin: 0 auto;
  }

  .p-mypage__subtotal-label, .p-mypage__charge-label, .p-mypage__fee-label, .p-mypage__total-label{
    margin-right: 1.025em;
  }

  .p-mypage__delivery-add{
    margin-bottom: 0.75em;
  }

  .p-mypage__delivery-list-item{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 0.75em;
    margin-bottom: 0.75em;
  }

  .p-mypage__delivery-delete{
    padding-right: 16px;
  }

  .p-mypage__delivery-address{
    width: calc(100% - 56px);
  }

  .p-mypage__delivery-change{
    width: 100%;
    padding-left: 0;
    margin-top: 0.75em;
    text-align: right;
  }

  .p-mypage__favorite-list{
    margin: 0 -8px;
  }

  .p-mypage__favorite-list-item{
    width: 50%;
    padding: 0 8px;
    margin-bottom: 1.5em;
  }

  .p-mypage__favorite-delete{
    top: -5px;
    right: 3px;
  }

  .p-mypage__change-complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-mypage__withdraw-confirm-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-mypage__withdraw-complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-mypage__rank-induction{
    margin-top: 1.125em;
  }

  .p-mypage__rank-induction{
    margin-bottom: 0.75em;
  }

  .p-mypage__rank-induction-actions{
    margin-top: 1.125em;
  }

  .p-mypage__rank-induction-actions{
    margin-bottom: 0.75em;
  }

  .p-mypage__view-history-list{
    margin: 0 -8px;
  }

  .p-mypage__view-history-list-item{
    width: 50%;
    padding: 0 8px;
    margin-bottom: 1.5em;
  }

  .p-mypage__top-navi{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .p-mypage__top-list{
    margin: 0 -8px;
  }

  .p-mypage__top-list-item{
    width: 50%;
    padding: 0 8px;
    margin-bottom: 1.5em;
  }

  .p-mypage__top-banner{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .p-mypage__ebook-list-item{
    width: 50%;
    margin-bottom: 1.5em;
  }

  .p-order{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-privacy{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-product-detail{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-product-detail .cart_area{
    padding-top: 25px;
  }

  .p-product-list{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-review__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-review__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-shopping__heading{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-shopping__contents{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-shopping__progress{
    margin-top: 1.125em;
  }

  .p-shopping__progress-list{
    position: relative;
  }

  .p-shopping__progress-list-item:before, .p-shopping__progress-list-item:after{
    top: 10px;
  }

  .p-shopping__progress-number{
    font-size: 10px;
    width: 20px;
    height: 20px;
  }

  .is-active .p-shopping__progress-label{
    display: block;
  }

  .p-shopping__progress-label{
    font-size: 10px;
    line-height: 1.3;
    white-space: normal;
    text-overflow: inherit;
  }

  .p-shopping__error{
    padding: 8px;
  }

  .p-shopping__error-icon{
    margin-right: 0.25625em;
  }

  .p-shopping__layout{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-shopping__layout--sub{
    width: auto;
    padding-left: 0;
  }

  .p-shopping__actions{
    margin-top: 1.125em;
  }

  .p-shopping__actions{
    margin-bottom: 0.75em;
  }

  .p-shopping__actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-shopping__actions{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-shopping__actions-item{
    padding: 4px 8px;
  }

  .p-shopping__button{
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
  }

  .p-shopping__login-info{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 8px 0 16px;
  }

  .p-shopping__login-info-text{
    padding-right: 0;
  }

  .p-shopping__login-info-button{
    text-align: center;
    margin-top: 16px;
  }

  .p-shopping__guest{
    margin-top: 1.125em;
  }

  .p-shopping__guest{
    margin-bottom: 0.75em;
  }

  .p-shopping__non-member-check{
    margin-top: 1.5em;
  }

  .p-shopping__account, .p-shopping__deliv, .p-shopping__payment, .p-shopping__point, .p-shopping__contact, .p-shopping__credit{
    margin-top: 1.125em;
  }

  .p-shopping__account, .p-shopping__deliv, .p-shopping__payment, .p-shopping__point, .p-shopping__contact, .p-shopping__credit{
    margin-bottom: 0.75em;
  }

  .p-shopping__account-contents-item, .p-shopping__deliv-contents-item, .p-shopping__payment-contents-item, .p-shopping__point-contents-item, .p-shopping__contact-contents-item, .p-shopping__credit-contents-item{
    margin-top: 0.75em;
  }

  .p-shopping__account-change{
    padding-bottom: 0.75em;
  }

  .p-shopping__deliv-change{
    padding-bottom: 0.75em;
  }

  .p-shopping__deliv-change-label{
    font-size: 1.05rem;
    line-height: 1.49;
  }

  .p-shopping__deliv-product{
    padding-bottom: 0.75em;
    margin-bottom: 0.75em;
  }

  .p-shopping__deliv-product-detail, .p-shopping__add-address-product-detail{
    margin-left: 1.025em;
  }

  .p-shopping__deliv-product-class-category, .p-shopping__add-address-product-class-category{
    font-size: 10px;
  }

  .p-shopping__deliv-product-price{
    margin: 8px 0 0;
  }

  .p-shopping__deliv-product-price--sub{
    margin-right: 1.025em;
  }

  .p-shopping__deliv-name, .p-shopping__deliv-company-name{
    margin-bottom: 4px;
  }

  .p-shopping__deliv-address-postcode{
    display: block;
  }

  .p-shopping__deliv-address-text{
    display: block;
  }

  .p-shopping__deliv-phone-number, .p-shopping__deliv-fax-number{
    margin-top: 4px;
  }

  .p-shopping__deliv-selects-item{
    margin-right: 0;
    margin-bottom: 0.75em;
  }

  .p-shopping__deliv-method-label, .p-shopping__deliv-date-label, .p-shopping__deliv-time-label{
    margin-bottom: 2px;
  }

  .p-shopping__deliv-add{
    padding-top: 0.75em;
  }

  .p-shopping__payment-change{
    padding-bottom: 0.75em;
  }

  .p-shopping__payment-change-label{
    font-size: 1.05rem;
    line-height: 1.49;
  }

  .p-shopping__point-setting-input{
    padding-top: 0.75em;
  }

  .p-shopping__point-setting-input .mdc-text-field{
    width: 100%;
  }

  .p-shopping__contact-input{
    padding-top: 0.75em;
  }

  .p-shopping__summary{
    margin-top: 1.125em;
  }

  .p-shopping__summary{
    margin-bottom: 0.75em;
  }

  .p-shopping__summary-item{
    padding: 16px;
  }

  .p-shopping__summary-actions{
    margin-left: -8px;
    margin-right: -8px;
  }

  .p-shopping__summary-actions{
    padding: 12px 16px;
  }

  .p-shopping__summary-actions-item{
    padding: 4px 8px;
  }

  .p-shopping__summary .p-shopping__summary-button{
    max-width: 240px;
    margin: 0 auto;
  }

  .p-shopping__subtotal-label, .p-shopping__charge-label, .p-shopping__fee-label, .p-shopping__discount-label, .p-shopping__total-label, .p-shopping__user-point-label, .p-shopping__use-point-label, .p-shopping__birth-point-label, .p-shopping__add-point-label, .p-shopping__total-point-label{
    margin-right: 1.025em;
  }

  .p-shopping__complete-message-label{
    font-size: 1.4rem;
    line-height: 1.42;
  }

  .p-shopping__shipping-add-button{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .p-shopping__shipping-info-icon{
    margin-right: 0.5125em;
  }

  .p-shopping__shipping-list-item{
    margin-bottom: 16px;
  }

  .p-shopping__shipping-address{
    padding: 16px;
  }

  .p-shopping__shipping-address-actions{
    position: relative;
    top: initial;
    right: initial;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-top: 2px;
  }

  .p-shopping__shipping-address-name{
    margin-bottom: 4px;
  }

  .p-shopping__shipping-address-detail-postcode{
    display: block;
  }

  .p-shopping__shipping-address-detail-text{
    display: block;
  }

  .p-shopping__shipping-address-phone{
    margin-top: 4px;
  }

  .p-shopping__shipping-multiple{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .p-shopping__shipping-add-multiple{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-shopping__shipping-add-multiple-button{
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1.5em;
  }

  .p-shopping__add-address-heading{
    -ms-flex-direction: column;
        flex-direction: column;
  }

  .p-shopping__add-address-change{
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 1.5em;
  }

  .p-shopping__add-address-product{
    padding: 16px;
  }

  .p-shopping__add-address-product-box{
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 8px 0 0;
  }

  .p-shopping__add-address-product-box-item{
    margin-right: 1.025em;
  }

  .p-shopping__add-address-product-price{
    font-size: 0.875em;
  }

  .p-shopping__add-address-product-quantity{
    font-size: 0.875em;
  }

  .p-shopping__add-address-controllers{
    padding: 0;
  }

  .p-shopping__add-address-controller{
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: stretch;
        align-items: stretch;
    margin: 0;
    padding: 0 0 16px;
    border-bottom: rgba(0, 0, 0, 0.12) dotted 1px;
  }

  .p-shopping__add-address-controller-item{
    margin: 8px 0 0;
  }

  .p-shopping__add-address-controller-action{
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .p-shopping__add-address-controller-action .c-button{
    margin: 16px 0 0;
  }

  .p-shopping__add-address-select-label, .p-shopping__add-address-quantity-label{
    margin-right: 1.025em;
  }

  .p-shopping__add-address-actions{
    padding: 16px 0;
    border-top: none;
  }

  .p-shopping__credit-contact{
    margin-top: 1.125em;
  }

  .p-shopping__credit-contact{
    margin-bottom: 0.75em;
  }

  .p-top{
    padding-left: 10px;
    padding-right: 10px;
  }

  .p-top__latest .pickup_item .item_comment{
    height: 58px;
  }

  .u-mb-1line{
    margin-bottom: 1.5em;
  }

  .u-break--tb-visible{
    display: none;
  }

  .u-break--tb-hidden{
    display: initial;
  }

  .u-break--sp-visible{
    display: initial;
  }

  .u-break--sp-hidden{
    display: none;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){

  .mq{
    width: auto;
  }
}
@media only screen and (min-width: 840px){

  .l-main{
    margin-top: 20px;
  }

  .b-cart .pc{
    display: block !important;
  }

  .b-cart h2{
    font-size: 1.6rem;
  }

  .b-recommend .pickup_item .item_comment{
    font-size: 14px;
  }

  .b-recommend .item_name{
    font-size: 16px;
  }

  .b-recommend .item_price{
    font-size: 18px;
  }

  .b-newbook .pickup_item .item_comment{
    font-size: 14px;
  }

  .b-newbook .item_name{
    font-size: 16px;
  }

  .b-newbook .item_price{
    font-size: 18px;
  }

  .b-search-product .pc{
    display: block !important;
  }

  .b-search-product h2{
    font-size: 1.6rem;
  }

  .b-search-product .search select option{
    max-width: 246px;
  }

  .b-search-product .side #searchform input,
    .b-search-product .side #searchform select{
    float: none;
  }

  .b-slider{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 20px;
  }

  .b-slider__fixed{
    max-width: 320px;
    width: 30%;
    margin-left: 20px;
  }

  .b-slider .slick-slider{
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
  }

  .p-footer__top-contents{
    padding: 0 10px;
  }

  .p-header{
    margin-top: -15px;
  }

  .p-header__top{
    position: absolute;
    left: 0;
    top: 10px;
  }

  .p-header__media{
    border-top: 5px solid #000;
  }

  .p-header__media-link{
    width: 290px;
    height: 30px;
    margin: auto;
    border-bottom: none;
    background-color: #fff;
    background-image: url("/user_data/packages/default/svg/bg_media.svg");
    font-size: 12px;
  }

  .p-header__media-icon{
    position: relative;
    top: 10px;
    right: -10px;
    transform: none;
  }

  .p-product-detail #item_photo_area{
    width: 38%;
  }

  .p-product-detail #item_detail_area{
    width: 62%;
  }

  .p-top__latest .pickup_item .item_comment{
    font-size: 14px;
  }

  .p-top__latest .item_name{
    font-size: 16px;
  }

  .p-top__latest .item_price{
    font-size: 18px;
  }
}
@media only screen and (max-width: 930px){

  .l-drawer .title-side{
    font-size: 13px;
  }

  .b-cart .title-side{
    font-size: 13px;
  }

  .b-category-nav-sp .title-side{
    font-size: 13px;
  }

  .b-guide .title-side{
    font-size: 13px;
  }

  .b-info .title-side{
    font-size: 13px;
  }

  .b-login .block-side_outer .member_link a{
    padding: 0;
    font-size: 12px;
  }

  .b-login .title-side{
    font-size: 13px;
  }

  .b-search-product .title-side{
    font-size: 13px;
  }
}
@media screen and (-ms-high-contrast: active){

  .mdc-menu .mdc-list-item--disabled{
    opacity: 0.38;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=38)";
  }

  .mdc-checkbox__mixedmark{
    margin: 0 1px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){

  .mdc-dialog .mdc-dialog__container{
    /* stylelint-disable */
    /* stylelint-enable*/
  }
}
@media only screen and (min-width: 1400px){

  .modaal-video-container{
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px){

  .modaal-image .modaal-inner-wrapper{
    padding-left: 25px;
    padding-right: 25px;
  }

  .modaal-gallery-control{
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }

  .modaal-gallery-control:before, .modaal-gallery-control:after{
    background: #fff;
  }

  .modaal-gallery-next{
    left: auto;
    right: 20px;
  }

  .modaal-gallery-prev{
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px){

  .modaal-instagram iframe{
    width: 500px !important;
  }
}
@media screen and (max-height: 1100px){

  .modaal-instagram iframe{
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px){

  .modaal-inner-wrapper{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .modaal-instagram iframe{
    width: 600px !important;
  }
}
@media screen and (max-height: 900px){

  .modaal-instagram iframe{
    width: 500px !important;
  }

  .modaal-video-container{
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-width: 600px){

  .modaal-instagram iframe{
    width: 280px !important;
  }
}
@media only screen and (max-height: 820px){

  .modaal-gallery-label{
    display: none;
  }
}
@media only screen and (max-width: 839px){

  .b-cart .pc{
    display: none !important;
  }

  .b-search-product .pc{
    display: none !important;
  }

  .b-search-product.is-active{
    display: block;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    padding: 20px;
    box-sizing: unset;
    background: #fff;
    width: auto;
    border-bottom: 1px solid #f1f1f1;
  }

  .b-search-product.is-active .pc{
    display: block !important;
  }

  .b-search-product.is-active .pc #search{
    background-color: transparent;
    padding: 0;
  }

  .b-search-product.is-active .input_search{
    -ms-flex-pack: center;
        justify-content: center;
  }
}
@media only screen and (max-width: 970px){

  .p-company .inner{
    width: 100%;
    max-width: inherit;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .p-faq .inner{
    width: 100%;
    max-width: inherit;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .p-order .inner{
    width: 100%;
    max-width: inherit;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .p-privacy .inner{
    width: 100%;
    max-width: inherit;
    margin: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
}
/*# sourceMappingURL=maps/default_style.css.map */