@charset "UTF-8";
.option-code-text, .f500 .img::before,
.f400 .img::before,
.f123 .img::before,
.f122 .img::before,
.f121 .img::before,
.f113 .img::before,
.f112 .img::before,
.f111 .img::before,
.f103 .img::before,
.f102 .img::before,
.f101 .img::before,
.f93 .img::before,
.f92 .img::before,
.f91 .img::before,
.f83 .img::before,
.f82 .img::before,
.f81 .img::before,
.f73 .img::before,
.f72 .img::before,
.f71 .img::before,
.f11 .img::before,
.f12 .img::before,
.f13 .img::before,
.f21 .img::before,
.f22 .img::before,
.f23 .img::before,
.f31 .img::before,
.f32 .img::before,
.f33 .img::before,
.f41 .img::before,
.f42 .img::before,
.f43 .img::before,
.f51 .img::before,
.f52 .img::before,
.f53 .img::before,
.f61 .img::before,
.f62 .img::before,
.f63 .img::before, .mode_reserve .ds_none .img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ccc;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  z-index: 1;
  white-space: pre;
  font-family: "FP-HiraKakuProN-W3"; }

.option-code-bg, .f500 .img::after,
.f400 .img::after,
.f123 .img::after,
.f122 .img::after,
.f121 .img::after,
.f113 .img::after,
.f112 .img::after,
.f111 .img::after,
.f103 .img::after,
.f102 .img::after,
.f101 .img::after,
.f93 .img::after,
.f92 .img::after,
.f91 .img::after,
.f83 .img::after,
.f82 .img::after,
.f81 .img::after,
.f73 .img::after,
.f72 .img::after,
.f71 .img::after,
.f11 .img::after,
.f12 .img::after,
.f13 .img::after,
.f21 .img::after,
.f22 .img::after,
.f23 .img::after,
.f31 .img::after,
.f32 .img::after,
.f33 .img::after,
.f41 .img::after,
.f42 .img::after,
.f43 .img::after,
.f51 .img::after,
.f52 .img::after,
.f53 .img::after,
.f61 .img::after,
.f62 .img::after,
.f63 .img::after, .mode_reserve .ds_none .img::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  white-space: pre;
  background-color: #000;
  opacity: 0.6; }

/*
共通コード
=================================================================
*/
.ds_none {
  display: none; }

.f500 .img::after,
.f400 .img::after,
.f123 .img::after,
.f122 .img::after,
.f121 .img::after,
.f113 .img::after,
.f112 .img::after,
.f111 .img::after,
.f103 .img::after,
.f102 .img::after,
.f101 .img::after,
.f93 .img::after,
.f92 .img::after,
.f91 .img::after,
.f83 .img::after,
.f82 .img::after,
.f81 .img::after,
.f73 .img::after,
.f72 .img::after,
.f71 .img::after,
.f11 .img::after,
.f12 .img::after,
.f13 .img::after,
.f21 .img::after,
.f22 .img::after,
.f23 .img::after,
.f31 .img::after,
.f32 .img::after,
.f33 .img::after,
.f41 .img::after,
.f42 .img::after,
.f43 .img::after,
.f51 .img::after,
.f52 .img::after,
.f53 .img::after,
.f61 .img::after,
.f62 .img::after,
.f63 .img::after {
  content: ""; }

.f500 .img::before {
  content: "売り切れ\A再入荷予定なし"; }

.f400 .img::before {
  content: "売り切れ\A再入荷未定"; }

.f123 .img::before {
  content: "12月下旬\A再入荷予定"; }

.f122 .img::before {
  content: "12月中旬\A再入荷予定"; }

.f121 .img::before {
  content: "12月上旬\A再入荷予定"; }

.f113 .img::before {
  content: "11月下旬\A再入荷予定"; }

.f112 .img::before {
  content: "11月中旬\A再入荷予定"; }

.f111 .img::before {
  content: "11月上旬\A再入荷予定"; }

.f103 .img::before {
  content: "10月下旬\A再入荷予定"; }

.f102 .img::before {
  content: "10月中旬\A再入荷予定"; }

.f101 .img::before {
  content: "10月上旬\A再入荷予定"; }

.f93 .img::before {
  content: "9月下旬\A再入荷予定"; }

.f92 .img::before {
  content: "9月中旬\A再入荷予定"; }

.f91 .img::before {
  content: "9月上旬\A再入荷予定"; }

.f83 .img::before {
  content: "8月下旬\A再入荷予定"; }

.f82 .img::before {
  content: "8月中旬\A再入荷予定"; }

.f81 .img::before {
  content: "8月上旬\A再入荷予定"; }

.f73 .img::before {
  content: "7月下旬\A再入荷予定"; }

.f72 .img::before {
  content: "7月中旬\A再入荷予定"; }

.f71 .img::before {
  content: "7月上旬\A再入荷予定"; }

.f11 .img::before {
  content: "1月上旬\A再入荷予定"; }

.f12 .img::before {
  content: "1月中旬\A再入荷予定"; }

.f13 .img::before {
  content: "1月下旬\A再入荷予定"; }

.f21 .img::before {
  content: "2月上旬\A再入荷予定"; }

.f22 .img::before {
  content: "2月中旬\A再入荷予定"; }

.f23 .img::before {
  content: "2月下旬\A再入荷予定"; }

.f31 .img::before {
  content: "3月上旬\A再入荷予定"; }

.f32 .img::before {
  content: "3月中旬\A再入荷予定"; }

.f33 .img::before {
  content: "3月下旬\A再入荷予定"; }

.f41 .img::before {
  content: "4月上旬\A再入荷予定"; }

.f42 .img::before {
  content: "4月中旬\A再入荷予定"; }

.f43 .img::before {
  content: "4月下旬\A再入荷予定"; }

.f51 .img::before {
  content: "5月上旬\A再入荷予定"; }

.f52 .img::before {
  content: "5月中旬\A再入荷予定"; }

.f53 .img::before {
  content: "5月下旬\A再入荷予定"; }

.f61 .img::before {
  content: "6月上旬\A再入荷予定"; }

.f62 .img::before {
  content: "6月中旬\A再入荷予定"; }

.f63 .img::before {
  content: "6月下旬\A再入荷予定"; }

/*
予約時 / 通常時の出力分け
=================================================================
*/
.mode_reserve .ds_none {
  display: block; }
.mode_reserve .ds_none .img::before {
  content: "売り切れ\A再入荷確認中"; }
.mode_reserve .ds_none .img::after {
  content: ""; }

/*# sourceMappingURL=option-code.css.map */