@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
html {
  font-size: 1rem;
}

.f8 {
  font-size: 0.5rem;
}

.f9 {
  font-size: 0.5625rem;
}

.f10 {
  font-size: 0.625rem;
}

.f11 {
  font-size: 0.6875rem;
}

.f12 {
  font-size: 0.75rem;
}

.f13 {
  font-size: 0.8125rem;
}

.f14 {
  font-size: 0.875rem;
}

.f15 {
  font-size: 0.9375rem;
}

.f16 {
  font-size: 1rem;
}

.f17 {
  font-size: 1.0625rem;
}

.f18 {
  font-size: 1.125rem;
}

.f19 {
  font-size: 1.1875rem;
}

.f20 {
  font-size: 1.25rem;
}

.f21 {
  font-size: 1.3125rem;
}

.f22 {
  font-size: 1.375rem;
}

.f23 {
  font-size: 1.4375rem;
}

.f24 {
  font-size: 1.5rem;
}

.f25 {
  font-size: 1.5625rem;
}

.f26 {
  font-size: 1.625rem;
}

.f27 {
  font-size: 1.6875rem;
}

.f28 {
  font-size: 1.75rem;
}

.f29 {
  font-size: 1.8125rem;
}

.f30 {
  font-size: 1.875rem;
}

.f32 {
  font-size: 2rem;
}

.f33 {
  font-size: 2.0625rem;
}

.f34 {
  font-size: 2.125rem;
}

.f35 {
  font-size: 2.1875rem;
}

.f36 {
  font-size: 2.25rem;
}

.f37 {
  font-size: 2.313rem;
}

.f38 {
  font-size: 2.38rem;
}

.f39 {
  font-size: 2.438rem;
}

.f40 {
  font-size: 2.5rem;
}

.f42 {
  font-size: 2.625rem;
}

.f43 {
  font-size: 2.688rem;
}

.f44 {
  font-size: 2.75rem;
}

.f45 {
  font-size: 2.8125rem;
}

.f47 {
  font-size: 2.9375rem;
}

.f49 {
  font-size: 3.063rem;
}

.f50 {
  font-size: 3.125rem;
}

.f55 {
  font-size: 3.4375rem;
}

.f67 {
  font-size: 4.1875rem;
}

.f78 {
  font-size: 4.875rem;
}

.f80 {
  font-size: 5rem;
}

.f90 {
  font-size: 5.625rem;
}

.noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.noto-sans-jp-thin {
  font-weight: 100;
}
.noto-sans-jp-extralight {
  font-weight: 200;
}
.noto-sans-jp-light {
  font-weight: 300;
}
.noto-sans-jp-regular {
  font-weight: 400;
}
.noto-sans-jp-medium {
  font-weight: 500;
}
.noto-sans-jp-semibold {
  font-weight: 600;
}
.noto-sans-jp-bold {
  font-weight: 700;
}
.noto-sans-jp-extrabold {
  font-weight: 800;
}
.noto-sans-jp-black {
  font-weight: 800;
}

.pc {
  display: none;
}
@media print, screen and (min-width: 600px) {
  .pc {
    display: block;
  }
}

.pc-inline {
  display: none;
}
@media print, screen and (min-width: 600px) {
  .pc-inline {
    display: inline-block;
  }
}

.tablet {
  display: none;
}
@media only screen and (min-width: 600px) and (max-width: 1080px) {
  .tablet {
    display: block;
  }
}

.sp {
  display: block;
}
@media print, screen and (min-width: 600px) {
  .sp {
    display: none;
  }
}

.sp-inline {
  display: inline-block;
}
@media print, screen and (min-width: 600px) {
  .sp-inline {
    display: none;
  }
}

.mark__important {
  width: 29px;
  height: 19px;
  border: 1px solid #E60012;
  border-radius: 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.6875rem;
  color: #E60012;
  white-space: nowrap;
}
.mark__recommendation {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #F9A825;
  color: #F9A825;
  border-radius: 5px;
}
.mark__recommendation span {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: crimson;
  color: white;
  padding: 4px 10px;
  font-size: 0.8rem;
  font-weight: bold;
  border-top-right-radius: 8px;
}

.wrap {
  max-width: 1340px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.w305 {
  width: 30px;
  margin-right: 5px;
}

.text-red {
  color: #E60012;
}
.text-blue {
  color: #026AD2;
}

.fw-bold {
  font-weight: bold;
}

.order__status__color-1 {
  color: #00ACC1;
}
.order__status__color-2 {
  color: #FACC15;
}
.order__status__color-3 {
  color: #22C55E;
}
.order__status__color-4 {
  color: #EF4444;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #333333;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}
a:link, a:visited, a:active, a:hover {
  color: #333333;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
  /*-- ここまで --*/
}
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
  /*-- ここまで --*/
}
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
  /*-- ここまで --*/
}
/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
  /*-- ここまで --*/
}
/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
  /*-- ここまで --*/
}/*# sourceMappingURL=style.css.map */