@charset "UTF-8";


/*-------------------------------------------------
RESET
-------------------------------------------------*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  background-repeat: no-repeat;
}

::before,
::after {
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
  text-decoration: inherit;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  text-decoration: none;
}

*:not(font), *:before, *:after {
  font: inherit;
  font-size: 100%;
  color: inherit;
}

* {
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
  padding: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  border-style: none;
  background-color: transparent;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  -webkit-appearance: button;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  -webkit-appearance: textfield;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

/*-------------------------------------------------
Slick
-------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 1.6rem;
  list-style: none;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.slick-dots li {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 0.8rem;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #d6d6d6;
  font-size: 0px;
  line-height: 0px;
  color: transparent;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  background: #b39d5a;
}

.slick-dots li.slick-active button {
  background: #b39d5a;
}

/*-------------------------------------------------
BASE
-------------------------------------------------*/
@font-face {
  font-family: 'NotoSerif';
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/NotoSerifCJKjp-Medium.otf") format("opentype"), url("../fonts/NotoSerifCJKjp-Medium.woff") format("woff");
  font-display: swap;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  background: #fff;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #474747;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  word-break: break-all;
}

body.open {
  overflow: hidden;
  height: 100%;
}

img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: bottom;
}

.svg {
  display: block;
}

.svg svg {
  width: 100%;
  height: 100%;
}

a, label {
  outline: none;
}

a, a:active, a:link, a:visited, a:hover {
  color: #474747;
}

a:not(.t_underline), a:not(.t_underline):active, a:not(.t_underline):link, a:not(.t_underline):visited, a:not(.t_underline):hover {
  text-decoration: none;
}

ol, ul {
  margin: 0;
  padding: 0;
}

ol li, ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

none {
  display: none !important;
}

.pc-only {
  display: none !important;
}

/* ==============================================
ユーティリティ
=============================================== */
/* 間隔
----------------------------------------------- */
.mg0 {
  margin: 0rem !important;
}

.mgt0 {
  margin-top: 0rem !important;
}

.mgr0 {
  margin-right: 0rem !important;
}

.mgb0 {
  margin-bottom: 0rem !important;
}

.mgl0 {
  margin-left: 0rem !important;
}

.pd0 {
  padding: 0rem !important;
}

.pdt0 {
  padding-top: 0rem !important;
}

.pdr0 {
  padding-right: 0rem !important;
}

.pdb0 {
  padding-bottom: 0rem !important;
}

.pdl0 {
  padding-left: 0rem !important;
}

.mg8 {
  margin: 0.8rem !important;
}

.mgt8 {
  margin-top: 0.8rem !important;
}

.mgr8 {
  margin-right: 0.8rem !important;
}

.mgb8 {
  margin-bottom: 0.8rem !important;
}

.mgl8 {
  margin-left: 0.8rem !important;
}

.pd8 {
  padding: 0.8rem !important;
}

.pdt8 {
  padding-top: 0.8rem !important;
}

.pdr8 {
  padding-right: 0.8rem !important;
}

.pdb8 {
  padding-bottom: 0.8rem !important;
}

.pdl8 {
  padding-left: 0.8rem !important;
}

.mg16 {
  margin: 1.6rem !important;
}

.mgt16 {
  margin-top: 1.6rem !important;
}

.mgr16 {
  margin-right: 1.6rem !important;
}

.mgb16 {
  margin-bottom: 1.6rem !important;
}

.mgl16 {
  margin-left: 1.6rem !important;
}

.pd16 {
  padding: 1.6rem !important;
}

.pdt16 {
  padding-top: 1.6rem !important;
}

.pdr16 {
  padding-right: 1.6rem !important;
}

.pdb16 {
  padding-bottom: 1.6rem !important;
}

.pdl16 {
  padding-left: 1.6rem !important;
}

.mg24 {
  margin: 2.4rem !important;
}

.mgt24 {
  margin-top: 2.4rem !important;
}

.mgr24 {
  margin-right: 2.4rem !important;
}

.mgb24 {
  margin-bottom: 2.4rem !important;
}

.mgl24 {
  margin-left: 2.4rem !important;
}

.pd24 {
  padding: 2.4rem !important;
}

.pdt24 {
  padding-top: 2.4rem !important;
}

.pdr24 {
  padding-right: 2.4rem !important;
}

.pdb24 {
  padding-bottom: 2.4rem !important;
}

.pdl24 {
  padding-left: 2.4rem !important;
}

.mg32 {
  margin: 3.2rem !important;
}

.mgt32 {
  margin-top: 3.2rem !important;
}

.mgr32 {
  margin-right: 3.2rem !important;
}

.mgb32 {
  margin-bottom: 3.2rem !important;
}

.mgl32 {
  margin-left: 3.2rem !important;
}

.pd32 {
  padding: 3.2rem !important;
}

.pdt32 {
  padding-top: 3.2rem !important;
}

.pdr32 {
  padding-right: 3.2rem !important;
}

.pdb32 {
  padding-bottom: 3.2rem !important;
}

.pdl32 {
  padding-left: 3.2rem !important;
}

.mg40 {
  margin: 4rem !important;
}

.mgt40 {
  margin-top: 4rem !important;
}

.mgr40 {
  margin-right: 4rem !important;
}

.mgb40 {
  margin-bottom: 4rem !important;
}

.mgl40 {
  margin-left: 4rem !important;
}

.pd40 {
  padding: 4rem !important;
}

.pdt40 {
  padding-top: 4rem !important;
}

.pdr40 {
  padding-right: 4rem !important;
}

.pdb40 {
  padding-bottom: 4rem !important;
}

.pdl40 {
  padding-left: 4rem !important;
}

.mg48 {
  margin: 4.8rem !important;
}

.mgt48 {
  margin-top: 4.8rem !important;
}

.mgr48 {
  margin-right: 4.8rem !important;
}

.mgb48 {
  margin-bottom: 4.8rem !important;
}

.mgl48 {
  margin-left: 4.8rem !important;
}

.pd48 {
  padding: 4.8rem !important;
}

.pdt48 {
  padding-top: 4.8rem !important;
}

.pdr48 {
  padding-right: 4.8rem !important;
}

.pdb48 {
  padding-bottom: 4.8rem !important;
}

.pdl48 {
  padding-left: 4.8rem !important;
}

.mg72 {
  margin: 7.2rem !important;
}

.mgt72 {
  margin-top: 7.2rem !important;
}

.mgr72 {
  margin-right: 7.2rem !important;
}

.mgb72 {
  margin-bottom: 7.2rem !important;
}

.mgl72 {
  margin-left: 7.2rem !important;
}

.pd72 {
  padding: 7.2rem !important;
}

.pdt72 {
  padding-top: 7.2rem !important;
}

.pdr72 {
  padding-right: 7.2rem !important;
}

.pdb72 {
  padding-bottom: 7.2rem !important;
}

.pdl72 {
  padding-left: 7.2rem !important;
}

.mg80 {
  margin: 8rem !important;
}

.mgt80 {
  margin-top: 8rem !important;
}

.mgr80 {
  margin-right: 8rem !important;
}

.mgb80 {
  margin-bottom: 8rem !important;
}

.mgl80 {
  margin-left: 8rem !important;
}

.pd80 {
  padding: 8rem !important;
}

.pdt80 {
  padding-top: 8rem !important;
}

.pdr80 {
  padding-right: 8rem !important;
}

.pdb80 {
  padding-bottom: 8rem !important;
}

.pdl80 {
  padding-left: 8rem !important;
}

/* フロート
----------------------------------------------- */
.fltL {
  float: left;
}

.fltR {
  float: right;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.clear {
  clear: both;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-r {
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.flex-c {
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.flex-rr {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

.flex-cr {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

.order_1 {
      -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.order_2 {
      -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.order_3 {
      -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

/* テキスト
----------------------------------------------- */
h1, h2, h3, h4, h5 {
  font-size: 100%;
}

.attention {
  color: #cc232f;
}

.st {
  font-weight: bold;
}

.mini {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.alignC {
  text-align: center;
}

.alignR {
  text-align: right;
}

.alignL {
  text-align: left;
}

.serif {
  font-family: NotoSerif,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.en {
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
}

.fs10 {
  font-size: 10px !important;
  font-size: 1.0rem !important;
}

.fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.empty {
  font-size: 16px;
  font-size: 1.6rem;
}

.t-indent li {
  margin-bottom: 1rem;
  padding-left: 1em;
  text-indent: -1em;
}

.t-indent li.base_list::before {
  content: '・';
}

.t-indent li.decimal_list {
  margin-left: 1.5em;
  padding-left: 0;
  list-style-type: decimal;
  text-indent: 0;
}

.t-indent li.circle_list {
  margin-left: 1.5em;
  padding-left: 0;
  list-style-type: circle;
  text-indent: 0;
}

.t-indent li.notice_list::before {
  content: '※';
}

.t_underline {
  text-decoration: underline;
}

.t_underline:hover {
  text-decoration: none;
}

/* テーブル
----------------------------------------------- */
table {
  width: 100%;
  border-collapse: collapse;
}

table th, table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #9b9b9b;
  border-collapse: collapse;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
}

/* input系
----------------------------------------------- */
input, button, textarea, select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  line-height: 1;
  color: #000;
}

input[disabled], button[disabled], textarea[disabled], select[disabled] {
  background-color: #f5f5f5;
}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="search"], textarea {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.2rem 1.6rem;
  border: 1px solid #9b9b9b;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #9b9b9b;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9b9b9b;
}

input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #9b9b9b;
}

input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="search"]::placeholder, textarea::placeholder {
  color: #9b9b9b;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="tel"][disabled], input[type="search"][disabled], textarea[disabled] {
  background-color: #f5f5f5;
}

input[type="submit"], button {
  border: none;
  background: none;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  padding: 1.6rem 2rem 1.6rem 1.6rem;
  border: 1px solid #9b9b9b;
  outline: none;
  background: #fff url(../img/common/bg_select.png) no-repeat right 0.8rem center;
  background-size: 1.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.error {
  border: 1px solid #cc232f !important;
}

textarea {
  height: 30rem;
  padding: 1.6rem;
  border-radius: 0;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

label {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}

label a {
  text-decoration: underline !important;
}

label a:hover {
  text-decoration: none !important;
}

.wrap_radio input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wrap_radio label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.wrap_radio label::before, .wrap_radio label::after {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.wrap_radio label::before {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1.6rem;
  border: 1px solid #3e3e3b;
  border-radius: 50%;
  background: #fff;
}

.wrap_radio label::after {
  position: absolute;
  top: 50%;
  left: 0.7rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wrap_radio label.active::before {
  background: #3e3e3b;
}

.wrap_radio label.active::after {
  background: #fff;
}

.wrap_check input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.wrap_check label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.wrap_check label::before, .wrap_check label::after {
  display: block;
  content: '';
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.wrap_check label::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
  border: 1px solid #3e3e3b;
  border-radius: 4px;
  background: #fff;
}

.wrap_check label::after {
  position: absolute;
  top: 50%;
  left: 0.3rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  color: transparent;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wrap_check label.active::before {
  background: #3e3e3b;
}

.wrap_check label.active::after {
  color: #fff;
}

ul.wrap_radio li, ul.wrap_check li {
  margin-bottom: 1.6rem;
}

.trigger {
  cursor: pointer;
}

.longbox {
  width: 100%;
}

.longbox.max {
  max-width: 304px;
}

.harfbox {
  width: 48%;
}

.shortbox {
  width: 29.1%;
}

/* ボタン
----------------------------------------------- */
.btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.btn_area ul li {
  width: 76.9%;
  max-width: 264px;
}

.btn a, .btn input, .btn button {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 1.8rem 0;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.btn a:hover, .btn input:hover, .btn button:hover {
  opacity: 0.7;
}

.btn01 a, .btn01 input, .btn01 button {
  border: 1px solid #b39d5a;
  background: #b39d5a;
  color: #fff;
}

.btn02 a, .btn02 input, .btn02 button {
  border: 1px solid #3e3e3b;
  background: #3e3e3b;
  color: #fff;
}

.btn_active a, .btn_active input, .btn_active button {
  border: 1px solid #3d4e84;
  background: #3d4e84;
  color: #fff;
}

.btn_active a::before, .btn_active a::after, .btn_active input::before, .btn_active input::after, .btn_active button::before, .btn_active button::after {
  color: #fff;
}

.btn_passive a, .btn_passive input, .btn_passive button {
  border: 1px solid #9b9b9b;
  background: #fff;
}

.btn_passive a::before, .btn_passive a::after, .btn_passive input::before, .btn_passive input::after, .btn_passive button::before, .btn_passive button::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #9b9b9b;
}

.btn_prev a::before, .btn_prev button::before {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn_next a::after, .btn_next button::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn_tocart a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  padding: 1.2rem 0;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.btn_tocart .svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
}

.btn_tocart .svg svg {
  fill: #fff;
}

/* タイトル
----------------------------------------------- */
.title_wrap .svg {
  width: 2.4rem;
  height: 1.8rem;
  margin: 0 auto 0.8rem;
}

.title_wrap .svg svg {
  fill: #b39d5a;
}

.title01 {
  margin-bottom: 4.8rem;
  line-height: 1;
  color: #9b9b9b;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.title01 .main {
  display: block;
  margin-bottom: 1.2rem;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  color: #474747;
}

.title01 .en {
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 700;
}

.title02 {
  position: relative;
  margin-bottom: 3.2rem;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0;
}

.title02::before {
  position: absolute;
  top: 50%;
  left: 0;
  left: 50%;
  width: 100%;
  max-width: 53.6rem;
  height: 2px;
  background: #b39d5a;
  content: '';
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.title02 span {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  background: #fff;
}

.title03 {
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.title03.en {
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  font-size: 2.2rem;
}

.title04 {
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #b39d5a;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.title05 {
  padding: 0.8rem;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}

.title05 span {
  display: block;
  padding-left: 1.2rem;
  border-left: 2px solid #b39d5a;
}

.title06 {
  margin-bottom: 0.8rem;
  padding: 0.8rem;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}

.title07 {
  margin-bottom: 1.6rem;
  padding-left: 0.8rem;
  border-left: 4px solid #b39d5a;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0;
}

.main_title {
  margin-bottom: 4rem;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #474747;
  text-align: center;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.main_title.en {
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", Times, serif;
  font-size: 28px;
  font-size: 2.8rem;
}

/* コンテンツレイアウト
----------------------------------------------- */
#overlay {
  position: fixed;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.frame_outer {
  width: 100%;
}

#container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 5.6rem;
}

#main_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

#main_column {
  width: 100%;
  max-width: 912px;
}

#main_column.onecolumn {
  margin: 0 auto;
}

.blocwrap {
  padding: 0 1.6rem;
}

.undercolumn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  padding: 0 1.6rem;
}

#error {
  padding-top: 12rem;
  font-size: 14px;
  font-size: 1.4rem;
}

#error .message_main {
  margin-bottom: 4.8rem;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}

/* ポップアップ
----------------------------------------------- */
#windowcolumn {
  padding: 3.2rem 1.6rem;
}

#window_area {
  width: 100%;
}

/* ページネーション
----------------------------------------------- */
.pagenation {
  position: relative;
  margin-top: 3.2rem;
}

.pagenation .number_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-box-pack: center;
          justify-content: center;
}

.pagenation .number_wrap .number {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4rem;
  height: 4rem;
  margin: 0 0.4rem;
  border: 1px solid #9b9b9b;
  line-height: 4rem;
  text-align: center;
}

.pagenation .number_wrap .number.current {
  border: 1px solid #b39d5a;
  background: #b39d5a;
  color: #fff;
}

.pagenation .pager_arrow {
  width: 4.8rem;
}

.pagenation .pager_arrow a {
  position: relative;
  display: block;
  background: #9b9b9b;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 4rem;
  color: #fff;
  text-align: center;
}

/* パンくず
----------------------------------------------- */
#breadcrumb {
  margin-bottom: 1.6rem;
  padding: 0.8rem 1.6rem;
}

#breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 10px;
  font-size: 1rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#breadcrumb ol li:not(:last-child)::after {
  margin: 0 0.4rem;
  content: '＞';
}

/* モーダルウィンドウ
----------------------------------------------- */
.modal {
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
}

.modal.open {
  display: block;
}

.modal_wrap {
  position: relative;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  background: #fff;
}

.modal_header {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.6rem;
  background: #9b9b9b;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
}

.modal_header .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 5.6rem;
  padding: 0 1.6rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.modal_header .close span {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 100%;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1.6rem;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.modal_header .close span::before, .modal_header .close span::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1.8rem;
  height: 0.2rem;
  background: #fff;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.modal_header .close span::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal_header .close span::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal_contents {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 7.2rem 1.6rem;
  background: #fff;
}

.modal_btn_area {
  position: fixed;
  z-index: 4;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 1.6rem;
  border-top: 1px solid #d6d6d6;
  background: #fff;
}

.modal_btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/*-------------------------------------------------
HEADER
-------------------------------------------------*/
#header {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#header.fixed {
  -webkit-filter: drop-shadow(0px -7px 7px rgba(0, 0, 0, 0.6));
          filter: drop-shadow(0px -7px 7px rgba(0, 0, 0, 0.6));
}

#header_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  width: 100%;
  max-width: 1200px;
  height: 5.6rem;
  margin: 0 auto;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.header_utility_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: center;
  width: 10.6rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.header_utility_box {
  margin-left: 1.8rem;
}

.header_utility_box p {
  margin-top: 0.2rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  letter-spacing: -0.08em;
}

.header_utility_box .svg {
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 auto;
}

.header_utility_box .svg svg {
  fill: #3e3e3b;
}

.menu_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 4.8rem;
  height: 5.6rem;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.menu_btn_wrap .menu_btn {
  position: relative;
  width: 1.8rem;
  height: 1.6rem;
}

.menu_btn_wrap .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #3e3e3b;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.menu_btn_wrap .line::before, .menu_btn_wrap .line::after {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #3e3e3b;
  content: '';
}

.menu_btn_wrap .line::before {
  top: 7px;
}

.menu_btn_wrap .line::after {
  top: -7px;
}

.menu_btn_wrap.close {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 100%;
  width: 12%;
}

.menu_btn_wrap.close .line {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: 0.2rem;
  background: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.menu_btn_wrap.close .line::before, .menu_btn_wrap.close .line::after {
  background: #fff;
}

.menu_btn_wrap.close .line::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.menu_btn_wrap.close .line::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
#pagetop {
  position: fixed;
  z-index: 2;
  right: 1.6rem;
  bottom: 1.6rem;
  display: none;
  width: 4rem;
  height: 4rem;
  background: #3e3e3b;
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
}

#pagetop.stop {
  position: absolute;
  bottom: calc(100% + 5rem);
}

#pagetop_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 4rem;
  height: 4rem;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#footer {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 16rem auto 0;
}

#footer .title03.alignC {
  margin-bottom: 4rem;
}

#footer .sns_wrap {
  margin: 8rem 0;
}

#footer .sns_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

#footer .sns_area li {
  margin: 0 2.4rem;
}

#footer .sns_area a {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1;
}

#message {
  padding: 4.8rem 1.6rem;
  background: #f5f5f5;
  text-align: center;
}

#message .logo_area {
  width: 27.6%;
  max-width: 9.6rem;
  margin: 0 auto;
}

#message .catchcopy_en {
  margin: 3.2rem 0;
  font-family: 'Cormorant Garamond', serif;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1;
  color: #b39d5a;
  letter-spacing: 0;
}

#message .catchcopy {
  margin-bottom: 2.4rem;
  font-family: NotoSerif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

#service_wrap .service_block {
  width: 100%;
}

#service_wrap .service_block a {
  display: block;
  font-family: NotoSerif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

#service_wrap .service_block:nth-child(1) {
  background: url("../img/background/bg_service01.png") no-repeat;
  background-position: right center;
  background-size: auto 18.8rem;
}

#service_wrap .service_block:nth-child(2) {
  background: url("../img/background/bg_service02.png") no-repeat;
  background-position: left center;
  background-size: auto 18.8rem;
}

#service_wrap .service_block:nth-child(3) {
  background: url("../img/background/bg_service03.png") no-repeat;
  background-position: right center;
  background-size: auto 18.8rem;
}

#service_wrap .service_block:nth-child(4) {
  background: url("../img/background/bg_service04.png") no-repeat;
  background-position: left center;
  background-size: auto 18.8rem;
}

#service_wrap .service_block:nth-child(2n) .service_box {
  margin-left: auto;
}

#service_wrap .service_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 50%;
  height: 17.8rem;
  line-height: 1.3;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#service_wrap .service_box .link_style {
  margin-top: 1rem;
  font-size: 12px;
  font-size: 1.2rem;
}

#service_wrap .service_box .link_style::after {
  margin-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "";
}

#calender_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#calender_wrap .calender_area {
  width: 47.2%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

#calender_wrap .calender_area .month {
  text-align: left;
}

#calender_wrap .calender_area th, #calender_wrap .calender_area td {
  padding: 0.2rem 0;
  border: 1px solid #d6d6d6;
}

#calender_wrap .calender_area th:first-child {
  color: #ed6866;
}

#calender_wrap .calender_area th:last-child {
  color: #4293c2;
}

#calender_wrap .calender_area .off {
  background: #f5d1ca;
}

#calender .notice {
  margin-top: 0.8rem;
}

#calender .notice span {
  color: #f5d1ca;
}

#copyright {
  padding: 0.8rem 1.6rem;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}

/*-------------------------------------------------
NAVI
-------------------------------------------------*/

.side_column .banner_box {
  margin-bottom: 1.6rem;
}

.side_link_wrap {
  margin-top: 8.0rem;
}

.side_link_area {
  border-bottom: 1px solid #9b9b9b;
}

.side_link_area li {
  border-top: 1px solid #9b9b9b;
}

.side_link_area a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  padding: 0.9rem 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.side_link_area a::after {
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "";
}

.side_sns_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  margin: 8rem 0;
  -webkit-box-pack: center;
          justify-content: center;
}

.side_sns_area li {
  margin: 0 2.4rem;
}

.side_sns_area a {
  font-size: 48px;
  font-size: 4.8rem;
}

#menu_header {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
}

#login_area {
  margin-top: 3.2rem;
}

#login_area .login_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  padding: 0 1.6rem 3.2rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#login_area .login_btn_area .btn {
  width: 46.9%;
}

#login_area .login_btn_area .btn a, #login_area .login_btn_area .btn button {
  padding: 1.2rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.search_area {
  position: relative;
}

.search_area .search_input {
  width: 100%;
  border: none;
  background: #f5f5f5;
}

.search_area .search_btn {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#search #s_sort::after {
  padding-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#search #s_sort.open::after {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "";
}

.category_wrap .title03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: center;
  padding: 0 1.6rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.category_wrap .title03 .svg {
  width: 2.2rem;
  height: 2.2rem;
  margin-right: 0.4rem;
}

.category_wrap .title03 .svg svg {
  fill: #b39d5a;
}

.category_area {
  margin-bottom: 4rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.category_area a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  padding: 0.9rem 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.category_area a::after {
  margin-left: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "";
}

.category_area > ul {
  margin-top: 0.8rem;
  border-top: 1px solid #d6d6d6;
}

.category_area > ul .level1 {
  border-bottom: 1px solid #d6d6d6;
  background: #fff;
}

.category_area > ul .level1 > .category_title {
  font-size: 16px;
  font-size: 1.6rem;
}

.category_area > ul .level1 > ul {
  background: #f5f5f5;
}

.category_area > ul .level2 {
  border-bottom: 1px solid #fff;
}

.category_area > ul .level2:last-of-type {
  border-bottom: none;
}

.category_area > ul .level2 > ul {
  padding-left: 1.6rem;
  border-top: 1px solid #fff;
}

.category_title p {
  position: relative;
  padding: 0.9rem 1.6rem;
}

.category_title p::before, .category_title p::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.category_title p::before {
  right: 1.6rem;
  width: 1.5rem;
  height: 0.2rem;
}

.category_title p::after {
  right: 2.2rem;
  width: 0.2rem;
  height: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.category_title.active p::after {
  background: transparent;
}

#global.category_wrap .current {
  font-weight: bold;
}

#global .category_area .level1 .category_tree {
  display: none;
}

#global .category_title.active + .category_tree {
  display: block;
}

#footer_category_wrap .level1 .category_expander {
  background: #f5f5f5;
}

/*-------------------------------------------------
SITE TOP
-------------------------------------------------*/
#mainV {
  display: none;
  overflow: hidden;
  margin-bottom: 4rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#mainV.slick-initialized {
  display: block;
}

#mainV .silde_box a {
  display: block;
}

#mainV .slick-dots {
  bottom: 1.6rem;
}

#top_search {
  padding-bottom: 5.6rem;
}

#top_search .search_type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#top_search .search_type .type_box {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  border-radius: 100%;
}

#top_search .search_type .type_box a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

#top_search .search_type .type_box p {
  width: 100%;
  line-height: 1;
}

#top_search .search_type .type_box .i_type {
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 auto;
}

#top_search .search_type .type_box .i_type svg {
  fill: #b39d5a;
}

#feature {
  margin-bottom: 8rem;
}

#feature .banner_box {
  margin-bottom: 0.4rem;
}

#ranking .title_wrap {
  marign: 0 1.6rem;
}

#ranking .title02 {
  margin-right: 1.6rem;
  margin-left: 1.6rem;
}

.ranking {
  overflow: hidden;
  margin-bottom: 8rem;
}

.ranking .title_wrap .svg {
  width: 4.4rem;
  height: 1.8rem;
}

.ranking .more_btn {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 4.8rem auto 0;
}

.ranking_wrap {
  overflow: hidden;
  margin-bottom: 6.4rem;
}

.ranking_wrap:last-of-type {
  margin-bottom: 0;
}

.ranking_item_box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ranking_item_box a {
  position: relative;
  display: block;
}

.ranking_item_box .item_image {
  margin-bottom: 1.6rem;
}

.ranking_item_box .item_name {
  margin-bottom: 0.4rem;
}

.ranking_item_box .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0;
}

.ranking_sign {
  position: absolute;
  z-index: 1;
  top: 0.8rem;
  left: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #09090b;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.ranking_sign_01 {
  background: #b39d5a;
}

.ranking_sign_02 {
  background: #999999;
}

.ranking_sign_03 {
  background: #a36e52;
}

#feature_category {
  margin-bottom: 8rem;
}

#feature_category .banner_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#feature_category .banner_box p {
  margin-top: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  letter-spacing: 0;
}

#recommend {
  margin: 0 0 8rem;
}

#recommend_wrap .item_box:first-child {
  width: 100%;
}

#recommend_wrap .item_comments {
  margin-top: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}

#advantage {
  margin: 0 0 8rem;
}

#advantage .introduction {
  margin: 4.8rem 0 3.2rem;
  font-size: 16px;
  font-size: 1.6rem;
}

#advantage .more_btn {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 4.8rem auto 0;
}

#advantage_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.advantage_box, #top_search .search_type .type_box {
  width: 31.1%;
  max-width: 20rem;
  text-align: center;
}

.advantage_box:nth-child(2), #top_search .search_type .type_box:nth-child(2) {
  margin: 0 3.35%;
}

.advantage_box p, #top_search .search_type .type_box p {
  margin-top: 0.8rem;
  letter-spacing: 0;
}

/*-------------------------------------------------
ITEM DETAIL
-------------------------------------------------*/
/* 商品並び　ベース
----------------------------------------------- */
.item_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item_list_wrap_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item_box {
  width: 47.8%;
  margin-bottom: 9.3%;
}

.item_box .sale_price {
  margin-top: 1.6rem;
}

.item_box .sale_price .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}

.item_box .status_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: end;
  margin-top: 0.8rem;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.item_box .status_icon li {
  margin-left: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}

.item_box .status_icon li.status_1 {
  background: #fe0302;
  color: #fff;
}

.item_box .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}

.item_image {
  position: relative;
}

.item_image::before {
  display: block;
  padding-top: 100%;
  content: "";
}

.item_image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.item_name {
  overflow: hidden;
  height: 4.2rem;
  margin-top: 1.6rem;
}

.carousel {
  overflow: hidden;
  margin: 0 1.6rem;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.carousel.slick-initialized {
  opacity: 1;
}

.carousel .slick-list {
  overflow: visible;
}

.carousel .slick-slide {
  margin-right: 1.6rem;
}

.carousel .item_box {
  width: 100%;
}

/* フリーエリア
----------------------------------------------- */
.category_main_image {
  margin-bottom: 1.6rem;
}

.category_main_image img {
  display: block;
  margin: 0 auto;
}

.category_child_list {
  font-size: 14px;
  font-size: 1.4rem;
}

.free_area {
  margin-bottom: 4.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.free_area a + br, .free_area div + br, .free_area p + br {
  display: none;
}

.free_area .title01 .main {
  font-size: 20px;
  font-size: 2rem;
}

.free_area .title01 .en {
  font-size: 26px;
  font-size: 2.6rem;
}

.free_area .headline {
  position: relative;
  margin-bottom: 2.4rem;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  color: #474747;
  text-align: center;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.free_area .headline .en {
  display: block;
  font-family: 'Cormorant Garamond', Georgia, "Times New Roman", Times, serif;
  font-size: 26px;
  font-size: 2.6rem;
}

.free_area .headline::before {
  position: absolute;
  top: 50%;
  left: 0;
  left: 50%;
  width: 100%;
  max-width: 53.6rem;
  height: 2px;
  background: #b39d5a;
  content: '';
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.free_area .headline .line {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  background: #fff;
}

.free_area .headline .line span {
  display: block;
}

.free_area .free_title01 {
  margin: 0.4rem 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

.free_area .carousel {
  margin-left: 0;
}

.free_area .col_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: start;
  margin-top: 0.8rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
          align-items: flex-start;
}

.free_area .col_wrap.col_box {
  margin-right: auto;
  margin-left: auto;
}

.free_area .col_1 {
  width: calc(8.3% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_2 {
  width: calc(16.6% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_3 {
  width: calc(24.9% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_4 {
  width: calc(33.2% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_5 {
  width: calc(41.5% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_6 {
  width: calc(49.8% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_7 {
  width: calc(58.1% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_8 {
  width: calc(66.4% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_9 {
  width: calc(74.7% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_10 {
  width: calc(83% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_11 {
  width: calc(91.3% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .col_12 {
  width: calc(99.6% - 0.8rem);
  margin: 0 0.4rem 0.8rem;
}

.free_area .sub_area {
  margin-bottom: 4.0rem;
}

.free_area .sub_area > br {
  display: none;
}

.free_area .sub_block {
  margin: 2.4rem 0 4.8rem;
}

.free_area .sub_block .sale_price {
  margin-top: 0.8rem;
}

.free_area .sub_block .sale_price .price {
  padding-right: 0.4rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: -0.02em;
}

.free_area .sub_block .item_comments {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}

.free_area .sub_block .status_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: end;
  margin-top: 0.8rem;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.free_area .sub_block .status_icon li {
  margin-left: 0.4rem;
  padding: 0.4rem 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}

.free_area .sub_block .status_icon li.status_1 {
  background: #fe0302;
  color: #fff;
}

.free_area .sub_block .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}

.free_area .sub_headline {
  margin-bottom: 1.6rem;
  font-family: 'NotoSerif','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  text-align: center;
  letter-spacing: 0;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

.free_area .sub_headline .main {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}

.free_area .sub_banner_area {
  margin: 1.6rem 0;
}

.free_area .sub_banner_area img {
  display: block;
  margin: 0 auto;
}

.free_area .anker_menu_link {
  margin-bottom: 2.4rem;
}

.free_area .anker_menu_link li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #9b9b9b;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
}

.free_area .anker_menu_link li a {
  line-height: 1.2;
  letter-spacing: 0;
}

.free_area .anker_menu_link li a::after {
  display: block;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  content: "";
}

.free_area .pickup_main, .free_area .pickup_list {
  margin-top: 1.6rem;
}

.free_area .pickup_main .item_name {
  height: auto;
}

.free_area .pickup_main .item_contents img {
  display: block;
  margin: 0 auto 0.4rem;
}

.free_area .pickup_main .item_comments span {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #b39d5a;
}

.free_area .pickup_main .item_comments span + br {
  display: none;
}

.free_area .pickup_list .item_name {
  margin-top: 0.8rem;
}

.free_area .pickup_list .item_comments {
  margin-top: 1.6rem;
}

.free_area .btn_more {
  width: 100%;
  max-width: 320px;
}

.free_area .btn_more a {
  border: 1px solid #9b9b9b;
  background: #fff;
}

.free_area .btn_more a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #9b9b9b;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.free_area .supplement {
  margin-top: 1.6rem;
  padding: 1.6rem 0.8rem;
  background: #f5f5f5;
}

.free_area .supplement_title {
  margin-bottom: 1.6rem;
  line-height: 1.2;
  text-align: center;
}

.free_area .supplement_title span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}

.free_area .supplement .item_comments span {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #b39d5a;
}

.free_area .col4_8 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem 0.4rem;
}

/* ヴァンドームブティックブローチ特集
----------------------------------------------- */
#brooch {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

#brooch > br {
  display: none;
}

#brooch h3 img {
  margin: 0 auto;
}

#brooch .reason_area {
  margin-bottom: 3.2rem;
}

#brooch .reason_text {
  position: relative;
  z-index: 1;
  padding: 9.3%;
  color: #402e06;
}

#brooch .about_brooch {
  color: #84632e;
}

#brooch .about_brooch img {
  margin: 0 auto 1.6rem;
}

#brooch .about_brooch_text {
  padding: 2.4rem;
  letter-spacing: 0;
}

#brooch .proposal_main_ttl img {
  margin: 0 auto;
}

#brooch .proposal_ttl {
  margin-bottom: 1.6rem;
  text-align: center;
}

#brooch .proposal_ttl span {
  display: inline-block;
  padding: 0.2rem 0.4rem;
  background-color: #bfa584;
  font-family: NotoSerif,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}

#brooch .proposal_block {
  margin-bottom: 2.4rem;
}

#brooch .proposal_block .gift_image {
  width: 80%;
  margin: 0 auto;
}

#brooch .proposal_block .gift_image img {
  margin: 0 auto;
}

#brooch .proposal_block .gift_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: -3.2rem 0 1.6rem 0;
  padding: 4rem 1.6rem 1.6rem;
  border: 1px solid #baa789;
}

#brooch .proposal_block .gift_tag {
  margin: 0.4rem 0.4rem 0;
  padding: 0.4rem 0.8rem;
  border: 1px solid #bfa584;
  border-radius: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #bfa584;
  letter-spacing: 0;
}

#brooch .proposal_block .gift_tag_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#brooch .proposal_block .gift_text_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  margin-top: 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#brooch .proposal_block .gift_text_wrap div:not(.gift_text) {
  width: 30%;
}

#brooch .proposal_block .gift_text_wrap div:not(.gift_text) img {
  margin: 0 auto;
}

#brooch .proposal_block .gift_text {
  width: 68%;
}

#brooch .proposal_box {
  width: 50%;
  max-width: 15rem;
  margin-bottom: 9.4%;
  text-align: center;
}

#brooch .proposal_box .item_name {
  height: auto;
  margin: 0.8rem 0;
  color: #996633;
}

.decoframe01 {
  position: relative;
}

.decoframe01::before, .decoframe01::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 19.2%;
  max-width: 14.4rem;
  background-size: contain;
  content: '';
}

.decoframe01::before {
  right: 0;
  background-image: url(/user_data/img/event/brooch/sbrooch-capbg-right.png);
  background-repeat: no-repeat;
  background-position: top right;
}

.decoframe01::after {
  left: 0;
  background-image: url(/user_data/img/event/brooch/sbrooch-capbg-left.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.decoframe02 {
  background-image: url(/user_data/img/event/brooch/sbrooch-bg-t.png), url(/user_data/img/event/brooch/sbrooch-bg-b.png);
  background-repeat: no-repeat,no-repeat;
  background-position: top center,bottom center;
  background-size: contain, contain;
}

.decoframe02_wrap {
  padding: 3.2rem 1.6rem;
  border: 1px solid #baa789;
}

/* スイートテンダイヤモンド
----------------------------------------------- */
#sweet {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  color: #192766;
}

#sweet > br {
  display: none;
}

#sweet img {
  margin: 0 auto;
}

#sweet a {
  color: #192766;
}

#sweet .item_name::before, #sweet .series_name::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0px;
  margin-left: 0px;
  border: transparent solid 5px;
  border-left-color: transparent;
  border-left-color: #192766;
  content: '';
}

#sweet .series_name {
  font-weight: bold;
}

#sweet .item_name {
  height: auto;
  font-size: 14px;
  font-size: 1.4rem;
}

#sweet .sweet_dotBG {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem 1.6rem 3.2rem;
  background: url(/user_data/img/event/sweet10/ssweet10-back.jpg) repeat-y top center;
}

#sweet .sweet_dotBG .btn {
  margin-top: 1.6rem;
}

#sweet .sweet_dotBG .btn a {
  padding: 0.8rem 0;
  border: none;
  background: #192766;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
}

#sweet .sweet_title {
  margin: 1.6rem 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
}

#sweet .sweet_ranking {
  margin-bottom: 4rem;
}

#sweet .sweet_ranking_box:nth-of-type(2) {
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
}

#sweet .sweet_ranking_inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

#sweet .sweet_ranking_text {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2;
}

#sweet .motif_area {
  margin-top: 3.2rem;
  padding: 0.8rem;
  background-color: #fff;
}

#sweet .motif_block {
  padding: 0.8rem 0 1.6rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-bg-1.jpg), url(/user_data/img/event/sweet10/ssweet10-bg-3.jpg);
  background-repeat: no-repeat,no-repeat;
  background-position: top center, bottom center;
  background-size: contain;
}

#sweet .motif_block > br {
  display: none;
}

#sweet .motif_block .sweet_title {
  margin-top: 0;
}

#sweet .motif_block .fs12 {
  line-height: 1.8;
}

#sweet .motif_box {
  margin-bottom: 1.6rem;
}

#sweet .motif_box:not(:last-of-type) {
  border-bottom: 2px dotted #ffe7b5;
}

#sweet .episode_title {
  max-width: 60rem;
  height: 6.4rem;
  margin: 0 auto 1.6rem;
  padding: 1.2rem 4.8rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-ep-2.jpg), url(/user_data/img/event/sweet10/ssweet10-ep-3.jpg);
  background-repeat: no-repeat,no-repeat;
  background-position: left center, right center;
  background-size: contain;
  text-align: center;
}

#sweet .episode_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 50rem;
  margin: 0 auto;
  padding: 0.2rem;
  border: solid 2px #cfd8e6;
}

#sweet .episode_inner {
  padding: 1.6rem;
  border: solid 1px #cfd8e6;
}

#sweet .episode_inner .sweet_title {
  margin-top: 0;
  text-align: center;
}

#sweet .style .fs12 {
  line-height: 1.8;
}

#sweet .faq_box {
  margin-bottom: 3.2rem;
  border: none;
}

#sweet .faq_box dt, #sweet .faq_box dd {
  padding-left: 3.2rem;
  background-repeat: no-repeat;
  background-size: 2.4rem;
}

#sweet .faq_box dt {
  margin-bottom: 0.8rem;
  background-image: url(/user_data/img/event/sweet10/ssweet10-q-q.jpg);
  background-position: left center;
  font-size: 14px;
  font-size: 1.4rem;
}

#sweet .faq_box dd {
  background-image: url(/user_data/img/event/sweet10/ssweet10-q-a.jpg);
  background-position: left -4px;
}

/* 商品件数・絞り込み
----------------------------------------------- */
#list_header {
  margin: 4.8rem 0 4rem;
}

.linemax {
  font-size: 14px;
  font-size: 1.4rem;
}

.linemax .st {
  font-size: 18px;
  font-size: 1.8rem;
}

#sort_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#sort_wrap .change {
  width: 47.8%;
}

#sort_wrap .change select {
  padding: 1rem 1.6rem;
}

#sort_wrap .sort_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 47.8%;
  padding: 1rem 1.6rem;
  background: #3d4e84;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#sort_wrap .sort_btn .svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.8rem;
}

#sort_wrap .sort_btn .svg svg {
  fill: #fff;
}

.refiner_area dl {
  margin-bottom: 2.4rem;
}

.refiner_area dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
}

.refiner_area dl dd .price_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  color: #9b9b9b;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.refiner_area dl dd .price_area p:not(.price_input) {
  width: 2rem;
}

.refiner_area dl dd .price_input {
  width: calc(100% - 2.2rem);
}

.refiner_area dl dd .wrap_radio label::before {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
}

.refiner_area dl dd .wrap_radio label::after {
  left: 0.5rem;
  width: 1rem;
  height: 1rem;
}

.refiner_area dl dd .wrap_radio label.active::before {
  background: #3e3e3b;
}

.refiner_area dl dd .wrap_radio label.active::after {
  background: #fff;
}

.refiner_area .title04 {
  position: relative;
  width: 100%;
  margin: 3.2rem 0 2.4rem;
}

.refiner_area .title04::before, .refiner_area .title04::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.refiner_area .title04::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}

.refiner_area .title04::after {
  right: 0.6rem;
  width: 0.2rem;
  height: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.refiner_area .title04.active::after {
  background: transparent;
}

.refiner_btn_area .btn_passive {
  width: 32%;
  max-width: 11rem;
}

.refiner_btn_area .btn01 {
  width: 63.2%;
  max-width: 26.4rem;
}

.refiner_btn_area .btn button {
  padding: 1.1rem 0;
}

#kodawari {
  width: 100%;
}

#kodawari_wrap {
  display: none;
}

#list_anker {
  position: fixed;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: calc(100% - 8.8rem);
  margin: 1.6rem;
}

#list_anker a {
  position: relative;
  padding: 1.2rem 0;
  border: none;
  line-height: 1;
}

#list_anker a::after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 商品一覧・詳細
----------------------------------------------- */

#product {
  position: relative;
}

#product .ranking_wrap .carousel {
  margin-left: 0;
}

#product .cartin_btn a, #product .cartin_btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 100%;
  padding: 0.6rem 0;
  background: #b39d5a;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#product .cartin_btn a .svg, #product .cartin_btn p .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}

#product .cartin_btn a .svg svg, #product .cartin_btn p .svg svg {
  fill: #fff;
}

#product .soldout_btn p {
  width: 100%;
  padding: 1rem 0;
  border: 2px solid #3e3e3b;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #3e3e3b;
  text-align: center;
}

#product .soldout_btn p:hover {
  cursor: not-allowed;
}

#detail_photobloc {
  margin-bottom: 3.2rem;
}

#detail_photobloc img {
  margin: 0 auto;
}

#detail_photobloc .slick-arrow {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  color: #9b9b9b;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#detail_photobloc .slick-prev::before {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "";
}

#detail_photobloc .slick-next::before {
  font-family: Font Awesome\ 5 Free;
  font-weight: bold;
  content: "";
}

#detail_photobloc #main_image {
  margin-bottom: 0.8rem;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#detail_photobloc #main_image.slick-initialized {
  opacity: 1;
}

#detail_photobloc #main_image .slick-arrow {
  width: 2.8rem;
  height: 2.8rem;
}

#detail_photobloc #main_image .slick-arrow::before {
  font-size: 26px;
  font-size: 2.6rem;
}

#detail_photobloc #main_image .slick-prev {
  left: -0.8rem;
}

#detail_photobloc #main_image .slick-next {
  right: -0.8rem;
}

#detail_photobloc #thumbnail {
  padding: 0 1.6rem;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#detail_photobloc #thumbnail.slick-initialized {
  opacity: 1;
}

#detail_photobloc #thumbnail .slick-slide {
  width: 11.6%;
  max-width: 4rem;
  margin-right: 0.6rem;
  opacity: 0.7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#detail_photobloc #thumbnail .slick-current {
  opacity: 1;
}

#detail_photobloc #thumbnail .slick-arrow {
  width: 1.6rem;
  height: 1.6rem;
}

#detail_photobloc #thumbnail .slick-arrow::before {
  font-size: 16px;
  font-size: 1.6rem;
}

#detail_photobloc #thumbnail .slick-prev {
  left: -0.8rem;
}

#detail_photobloc #thumbnail .slick-next {
  right: -0.8rem;
}

#detail_rightbloc {
  font-size: 14px;
  font-size: 1.4rem;
}

#detail_rightbloc .status_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  margin-bottom: 0.8rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#detail_rightbloc .status_icon li {
  margin-right: 0.4rem;
  padding: 0.6rem 1.6rem;
  background: #d6d6d6;
  line-height: 1;
  letter-spacing: 0;
}

#detail_rightbloc .status_icon li.status_1 {
  background: #fe0302;
  color: #fff;
}

#detail_rightbloc .status_icon li.status_2 {
  background: #fe8b0c;
  color: #fff;
}

#detail_rightbloc .brand_name {
  margin-bottom: 0.4rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

#detail_rightbloc .main_item_name {
  margin-bottom: 1.6rem;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
}

#detail_rightbloc .product_code, #detail_rightbloc .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: baseline;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
          align-items: baseline;
}

#detail_rightbloc .product_code dt, #detail_rightbloc .point dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  width: 25%;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#detail_rightbloc .product_code dt::after, #detail_rightbloc .point dt::after {
  content: '：';
}

#detail_rightbloc .product_code dd, #detail_rightbloc .point dd {
  width: calc(75% - 0.8rem);
  font-size: 15px;
  font-size: 1.5rem;
}

#detail_rightbloc .product_code {
  margin-bottom: 2.4rem;
}

#detail_rightbloc .point {
  margin-bottom: 2.4rem;
}

#detail_rightbloc .sale_price span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: -0.02em;
}

#detail_rightbloc .deliv_date_wrap {
  margin-bottom: 3.2rem;
}

#detail_rightbloc .deliv_date_wrap a {
  text-decoration: underline;
}

#detail_rightbloc .deliv_date_wrap a:hover {
  text-decoration: none;
}

#detail_rightbloc .favorite_btn {
  margin-top: 3.2rem;
}

#detail_rightbloc .favorite_btn a, #detail_rightbloc .favorite_btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 100%;
  padding: 1rem 0;
  border: 1px solid #9b9b9b;
  font-size: 16px;
  font-size: 1.6rem;
  color: #9b9b9b;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#detail_rightbloc .favorite_btn a .svg, #detail_rightbloc .favorite_btn p .svg {
  width: 2.1rem;
  height: 1.8rem;
  margin-right: 0.8rem;
}

#detail_rightbloc .favorite_btn a svg {
  fill: transparent;
  stroke: #9b9b9b;
  stroke-width: 60px;
  stroke-linejoin: miter;
}

#detail_rightbloc .favorite_btn p svg {
  fill: #e4a99f;
  stroke: transparent;
  stroke-width: 60px;
  stroke-linejoin: miter;
}

#tab_menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

#tab_menu ul li {
  width: 50%;
  padding: 1.6rem 0;
  background: #f5f5f5;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #9b9b9b;
  text-align: center;
}

#tab_menu ul li.active {
  background: #3d4e84;
  color: #fff;
}

.tab_contents {
  display: none;
}

.tab_contents.show {
  display: block;
}

.tab_contents_wrap {
  padding: 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}

#item_spec dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  margin-bottom: 0.8rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#item_spec dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  width: 30%;
  line-height: 1.2;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#item_spec dl dt::after {
  content: '：';
}

#item_spec dl dd {
  width: calc(70% - 0.8rem);
}

.classlist_only dl {
  margin-bottom: 2.4rem;
}

.classlist_only dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.option_btn_area a, .option_btn_area p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 100%;
  padding: 0.6rem 0;
  background: #b39d5a;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.option_btn_area a .svg, .option_btn_area p .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}

.option_btn_area a .svg svg, .option_btn_area p .svg svg {
  fill: #fff;
}

.option_area .hissu {
  display: block;
  margin-left: 3.2rem;
  padding: 0.4rem 0.8rem;
  background: #cc232f;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}

.option_block {
  margin-bottom: 4rem;
}

.option_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  margin-bottom: 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.option_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.option_box {
  width: 47.8%;
  margin-bottom: 9.3%;
}

.option_box .sale_price {
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
}

.option_box .sale_price .price {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
}

.option_box .classlist {
  margin-top: 1.6rem;
  font-size: 12px;
  font-size: 1.2rem;
}

.option_box .classlist dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: start;
  margin-bottom: 0.4rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}

.option_box select, .option_box input[type="text"] {
  padding: 1.0rem 2rem 1.0rem 1.6rem;
}

.option_box .kukuin_input {
  height: 10rem;
}

.option_image {
  position: relative;
  margin-bottom: 0.8rem;
}

.option_image img {
  display: block;
  margin: 0 auto;
}

.option_image .i_extantion {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
}

.option_image .i_extantion svg {
  fill: #9b9b9b;
}

.option_name {
  overflow: hidden;
  height: 4rem;
  margin-bottom: 0.8rem;
  font-size: 12px;
  font-size: 1.2rem;
}

.option_label {
  position: relative;
  padding: 0.8rem 0;
  background: #d6d6d6;
  line-height: 1;
  text-align: center;
}

.option_label input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.option_label.active {
  background: #3d4e84;
  color: #fff;
}

.option_label.active::before {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* 配達目安（全国）
----------------------------------------------- */
#delivery .accordion {
  position: relative;
  width: 100%;
}

#delivery .accordion::before, #delivery .accordion::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#delivery .accordion::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}

#delivery .accordion::after {
  right: 0.6rem;
  width: 0.2rem;
  height: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

#delivery .accordion.active::after {
  background: transparent;
}

#delivery #notice_area {
  margin: 2.4rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}

#delivery .notice_box {
  padding-bottom: 2.4rem;
}

#delivery .notice_box dt {
  margin-bottom: 0.8rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

#delivery .measu {
  margin-top: 3.2rem;
}

#delivery .delivery_date_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px;
  font-size: 1.6rem;
}

#delivery .delivery_date_contents {
  display: none;
  padding-top: 2.4rem;
}

#delivery .delivery_date_contents img {
  max-height: 24rem;
  margin: 0 auto;
}

#delivery .delivery_date_contents .area_date_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  margin-top: 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#delivery .delivery_date_contents .area_date_list:first-of-type .area_title {
  margin-top: 0;
}

#delivery .delivery_date_contents .area_title {
  width: 100%;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #3d4e84;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

#delivery .delivery_date_contents .area_name {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60%;
  padding-right: 1.6rem;
  border-right: 1px dotted #d6d6d6;
}

#delivery .delivery_date_contents .area_date {
  width: calc(40% - 1.6rem);
}

/* お客様の声
----------------------------------------------- */
#review {
  margin: 8rem 0;
  padding: 0 1.6rem;
}

#review_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
}

#review_area > p {
  margin: 3.2rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}

#review_area .btn_review {
  width: 76.9%;
  max-width: 26.4rem;
  margin: 0 auto;
}

#review_area .btn_review a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#review_area .btn_review a::before {
  margin-right: 0.8rem;
  font-family: Font Awesome\ 5 Free;
  font-size: 18px;
  font-size: 1.8rem;
  content: '\f075';
}

.review_list {
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 30rem;
  margin-top: 3.2rem;
}

.review_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  font-size: 1.4rem;
}

.review_box .recommend_level {
  margin-bottom: 0.8rem;
  color: #fdc210;
}

.review_title {
  margin-bottom: 0.4rem;
  font-size: 16px;
  font-size: 1.6rem;
}

.review_date_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: end;
  margin-top: 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
          align-items: flex-end;
}

.review_date_wrap p {
  width: 49%;
}

.review_date_wrap p.alignR {
  color: #9b9b9b;
}

/* 関連商品
----------------------------------------------- */
#whobought {
  overflow: hidden;
}

#whobought .carousel {
  margin-top: 3.2rem;
}

/*-------------------------------------------------
SHOPPING
-------------------------------------------------*/
/* ==============================================
フローイメージ
=============================================== */
#flow_area {
  margin-bottom: 6.4rem;
}

#flow_area ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#flow_area ol li {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20%;
  height: 3.2rem;
  padding-left: 0.8rem;
  background: #d6d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 3.2rem;
  text-align: center;
}

#flow_area ol li::before, #flow_area ol li::after {
  position: absolute;
  top: 0;
  display: block;
  content: '';
}

#flow_area ol li::before {
  z-index: 1;
  top: -0.4rem;
  right: -1rem;
  width: 0;
  height: 0;
  border-width: 20px 0 20px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}

#flow_area ol li::after {
  z-index: 2;
  right: -0.8rem;
  width: 0;
  height: 0;
  border-width: 16px 0 16px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #d6d6d6;
}

#flow_area ol li.current {
  background: #b39d5a;
  color: #fff;
}

#flow_area ol li.current::after {
  border-color: transparent transparent transparent #b39d5a;
}

/* ==============================================
買い物かご
=============================================== */
.cartbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.cartbox_wrap:first-of-type {
  border-top: 1px solid #d6d6d6;
}

.cartbox_image {
  width: 32%;
}

.cartbox_spec_wrap {
  width: 63.2%;
  font-size: 14px;
  font-size: 1.4rem;
}

.cartbox_spec .price {
  margin-top: 1.6rem;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}

.cartbox_total {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 28rem;
  margin-top: 1.6rem;
  margin-left: auto;
  padding: 0.8rem;
  background: #f5f5f5;
}

.cartbox_total .item_total_price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.cartbox_total .item_total_price:first-of-type {
  margin-bottom: 1.2rem;
}

.cartbox_total .item_total_price .delete_btn {
  width: calc(100% - 11rem);
}

.cartbox_total .item_total_price .delete_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  padding: 0.5rem 0;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.cartbox_total .item_total_price .delete_symbol {
  position: relative;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
}

.cartbox_total .item_total_price .delete_symbol::before, .cartbox_total .item_total_price .delete_symbol::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.2rem;
  height: 0.1rem;
  background: #fff;
  content: '';
}

.cartbox_total .item_total_price .delete_symbol::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
          transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cartbox_total .item_total_price .delete_symbol::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
          transform: translateX(-50%) translateY(-50%) rotate(135deg);
}

.cartbox_total .item_total_price #quantity_level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  width: 10rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.cartbox_total .item_total_price #quantity_level li {
  height: 2.4rem;
}

.cartbox_total .item_total_price #quantity_level .count_btn {
  width: 2.4rem;
}

.cartbox_total .item_total_price #quantity_level .count_btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  height: 100%;
  background: #9b9b9b;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.cartbox_total .item_total_price #quantity_level .count_btn a .symbol {
  position: relative;
}

.cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before, .cartbox_total .item_total_price #quantity_level .count_btn a .symbol::after {
  display: block;
  background: #fff;
  content: '';
}

.cartbox_total .item_total_price #quantity_level .count_btn a .symbol::before {
  width: 1.1rem;
  height: 0.1rem;
}

.cartbox_total .item_total_price #quantity_level .count_btn a .symbol.plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.1rem;
  height: 1.1rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.cartbox_total .item_total_price #quantity_level .count_total {
  width: 4.8rem;
  background: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}

.cartbox_total .item_total_price .num_value {
  font-size: 14px;
  font-size: 1.4rem;
}

.cartbox_total .item_total_price .num_value span {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0;
}

.option_select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  max-width: 28rem;
  margin-top: 0.8rem;
  margin-left: auto;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

.option_select_btn {
  width: 30.8%;
}

.option_select_btn:not(:first-child) {
  margin-left: 3.8%;
}

.option_select_btn a {
  display: block;
  padding: 0.8rem 0;
  background: #9b9b9b;
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
}

.option_select_btn .svg {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto 0.4rem;
}

.option_select_btn .svg svg {
  fill: #fff;
}

.total {
  margin-top: 3.2rem;
  margin-bottom: 6.4rem;
  border-bottom: 1px solid #d6d6d6;
}

.total dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  margin-bottom: 0.8rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.total dl dt {
  width: 40%;
}

.total dl dd {
  width: 57%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: right;
  letter-spacing: 0;
}

.total dl dd.total_area {
  font-size: 22px;
  font-size: 2.2rem;
}

/* ==============================================
追加オプション
=============================================== */
.add_gift_block {
  margin-top: 4.8rem;
}

.add_gift_block .option_box {
  width: 30.3%;
  margin-left: 0;
}

.add_gift_block .option_box:not(:nth-child(3n+1)) {
  margin-left: 4.55%;
}

.add_gift_block .option_box .sale_price .price {
  font-size: 14px;
  font-size: 1.4rem;
}

.add_gift_block .option_image {
  position: relative;
  margin-bottom: 0.8rem;
}

.add_gift_block .option_image .i_extantion {
  position: absolute;
  right: 0.8rem;
  bottom: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}

.add_gift_block .option_image .i_extantion svg {
  fill: #9b9b9b;
}

/* ==============================================
お届け先指定
=============================================== */
#adress_list_wrap .adress_box {
  padding: 1.6rem 0;
  border-bottom: 1px solid #d6d6d6;
}

#adress_list_wrap .adress_box:first-of-type {
  border-top: 1px solid #d6d6d6;
}

#adress_list_wrap .adress_box .adress_edit {
  margin-top: 1.6rem;
  margin-left: 4.4rem;
  padding: 0.8rem;
  background: #f5f5f5;
}

#adress_list_wrap .adress_box .adress_edit .edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#adress_list_wrap .adress_box .adress_edit .btn02 {
  width: 45.2%;
}

#adress_list_wrap .adress_box .adress_edit .btn02 a {
  padding: 0.8rem 0;
  font-size: 15px;
  font-size: 1.5rem;
}

#adress_list_wrap .adress_text {
  width: calc(100% - 4.4rem);
}

/* ==============================================
お支払方法・お届け時間等の指定
=============================================== */
.pay_area {
  margin-bottom: 6.4rem;
}

.pay_area p.fs14 {
  margin: 3.2rem 0 1.6rem;
}

.pay_area .delivdate {
  font-size: 14px;
  font-size: 1.4rem;
}

.pay_area .delivdate p {
  margin-bottom: 0.8rem;
}

.pay_area .delivdate select {
  max-width: 34.8rem;
}

.pay_area .delivdate select:first-of-type {
  margin-bottom: 2.4rem;
}

.pay_area .point_announce .price {
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
  font-size: 1.8rem;
}

.pay_area .point_use {
  max-width: 34.8rem;
  margin-top: 1.6rem;
  padding: 1.6rem;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
}

.pay_area .point_use input {
  width: 50%;
}

/* ==============================================
確認ページ
=============================================== */
.shopping_confirm {
  margin-bottom: 6.4rem;
}

.shopping_confirm dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
          align-items: baseline;
}

.shopping_confirm dl:first-of-type {
  margin-top: 2.4rem;
}

.shopping_confirm dl dt {
  width: 34.6%;
}

.shopping_confirm dl dd {
  width: 60.6%;
  font-size: 16px;
  font-size: 1.6rem;
}

.point_confirm dl dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 43.7%;
}

.point_confirm dl dd {
  width: 50.1%;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
}

/* ==============================================
クレジット決済
=============================================== */
.card_exp, .card_exp .input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
      -ms-flex-align: center;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
}

.card_exp .input_box {
  width: 36%;
  margin: 0;
}

/*-------------------------------------------------
FORM(ENTRY & CONTACT)
-------------------------------------------------*/
/* フォーム共通
----------------------------------------------- */
.form_wrap dl {
  margin-bottom: 2.4rem;
}

.form_wrap dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: start;
  margin-bottom: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}

.form_wrap dt .hissu {
  margin-left: 3.2rem;
  padding: 0.4rem 0.8rem;
  background: #cc232f;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
}

.form_wrap dd {
  font-size: 14px;
  font-size: 1.4rem;
}

.input_column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.input_box.two {
  width: 100%;
}

.input_box.three {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
  width: 32%;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.zip_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.zip_btn .btn02 {
  width: 47.2%;
}

.zip_btn .btn_passive {
  width: 47.2%;
}

.information {
  margin: 4rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.information a {
  font-weight: bold;
  text-decoration: underline;
}

/* 完了ページ
----------------------------------------------- */
#complete_area {
  font-size: 14px;
  font-size: 1.4rem;
}

#complete_area .message_main {
  margin-bottom: 4.8rem;
  font-family: NotoSerif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #b39d5a;
  text-align: center;
}

.shop_information {
  margin-top: 4rem;
  padding-top: 3.2rem;
  border-top: 1px solid #d6d6d6;
}

/* ログイン
----------------------------------------------- */
.login_area {
  margin-bottom: 6.4rem;
}

/*-------------------------------------------------
MYPAGE
-------------------------------------------------*/
#mypage .title04 {
  margin-bottom: 2.4rem;
}

#mypage .point_info {
  margin-bottom: 4.8rem;
  padding: 0 1.6rem;
  font-size: 14px;
  font-size: 1.4rem;
}

#mypage .point_info .user_name, #mypage .point_info .point {
  font-size: 16px;
  font-size: 1.6rem;
}

#mypage .btn_reorder {
  width: 76.9%;
  max-width: 264px;
  margin: 0 auto 6.4rem;
}

#mypage .btn_reorder button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  padding: 1.0rem 0;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

#mypage .btn_reorder .svg {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 0.8rem;
}

#mypage .btn_reorder .svg svg {
  fill: #fff;
}

#mypage .cartbox_wrap {
      -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}

#mypage .cartbox_spec {
  width: 54.2%;
}

#mypage .cartbox_total {
  width: 40.8%;
  margin: 0;
}

#mypage .btn_adddeliv {
  width: 76.9%;
  max-width: 264px;
  margin: 0 auto 3.2rem;
}

#mypage #adress_list_wrap {
  font-size: 16px;
  font-size: 1.6rem;
}

#mypage #adress_list_wrap .adress_box_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: start;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
}

#mypage #adress_list_wrap .deliv_num {
  width: 4.0rem;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.mynavi_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mynavi_list li {
  width: 47.8%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.mynavi_list li a {
  position: relative;
  display: block;
  padding: 0.8rem;
}

.mynavi_list li a.selected {
  font-weight: bold;
}

.mycondition_area {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}

.mycondition_area dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
      -ms-flex-align: baseline;
  margin-bottom: 0.8rem;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
          align-items: baseline;
}

.mycondition_area dl:first-of-type {
  margin-top: 2.4rem;
}

.mycondition_area dl dt {
  width: 34.6%;
}

.mycondition_area dl dd {
  width: 60.6%;
  font-size: 16px;
  font-size: 1.6rem;
}

.order_history {
  margin-top: 3.2rem;
}

.order_history_title dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.order_history_title dl dt {
  width: 20%;
  padding: 1.6rem 0;
  background: #f5f5f5;
  font-size: 14px;
  font-size: 1.4rem;
}

.order_history_box dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}

.order_history_box .btn {
  margin-top: 2.4rem;
}

.order_history_box .btn a {
  padding: 1.4rem 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.mail_send_date {
  margin-top: 0.4rem;
  font-size: 12px;
  font-size: 1.2rem;
  color: #9b9b9b;
  text-align: right;
}

.favorite_list {
  margin-top: 3.2rem;
}

.favorite_list .item_box {
  position: relative;
}

.favorite_list .item_box .opacity {
  display: block;
}

.favorite_list .item_box .btn_delete {
  position: absolute;
  z-index: 2;
  top: 0.8rem;
  left: 0.8rem;
  font-size: 24px;
  font-size: 2.4rem;
}

.favorite_list .item_box .btn_delete:hover {
  color: #9b9b9b;
}

#refusal_area {
  font-size: 14px;
  font-size: 1.4rem;
}

#refusal_area .message_main {
  margin: 3.2rem 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

/*-------------------------------------------------
静的ページ
-------------------------------------------------*/
/* ==============================================
静的コンテンツ共通
=============================================== */
.table_wrap dl {
  margin-top: 1.6rem;
}

.table_wrap dl dt {
  margin-bottom: 0.8rem;
}

.table_wrap dl dd {
  font-size: 14px;
  font-size: 1.4rem;
}

/* ==============================================
プライバシーポリシー・ガイドページ
=============================================== */
#guide .page_top {
  margin-bottom: 2.4rem;
  text-align: right;
}

#guide .page_top .fa-angle-up {
  margin-right: 0.8rem;
  font-size: 18px;
  font-size: 1.8rem;
}

.guide_wrap, .faq_block {
  margin-bottom: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.guide_text {
  margin-top: 1.6rem;
}

.guide_text .table_wrap {
  margin-bottom: 1.6rem;
}

.guide_text .bank {
  margin: 2.4rem 0;
  font-size: 16px;
  font-size: 1.6rem;
}

.guide_menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.guide_menu_list li {
  width: 47.8%;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.guide_menu_list li a {
  position: relative;
  display: block;
  padding: 0.8rem;
}

.guide_menu_list li a.selected {
  font-weight: bold;
}

.affiliate_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.affiliate_box {
  margin-bottom: 3.2rem;
}

/* ==============================================
FAQ
=============================================== */
#faq .title04 {
  margin-bottom: 1.6rem;
}

.faq_box {
  border-bottom: 1px solid #d6d6d6;
}

.faq_q {
  position: relative;
  padding: 0.9rem 2rem 0.9rem 0;
}

.faq_q::before, .faq_q::after {
  position: absolute;
  top: 50%;
  display: block;
  background: #9b9b9b;
  content: '';
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.faq_q::before {
  right: 0rem;
  width: 1.5rem;
  height: 0.2rem;
}

.faq_q::after {
  right: 0.65rem;
  width: 0.2rem;
  height: 1.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.faq_q.active::after {
  background: transparent;
}

.faq_a {
  display: none;
  padding: 0.9rem 0;
}

.faq_a .flow_shopping {
  margin-left: 1.5em;
}

.faq_a .flow_shopping > li {
  list-style-type: decimal;
}

.faq_a .convenience_pay {
  margin-bottom: 2.4rem;
  padding: 0.8rem;
  background: #f5f5f5;
}

.faq_a .convenience_name {
  font-weight: bold;
  color: #3d4e84;
}

.faq_a table td {
  padding: 0.8rem;
  vertical-align: bottom;
}

.faq_a .message_ex {
  margin-bottom: 1.6rem;
  padding: 0.8rem;
  background: #d6d6d6;
}

.faq_a .message_ex li {
  margin-top: 0.8rem;
  padding: 0.8rem;
  border-radius: 6px 0 6px 0;
  background: #fff;
}

.faq_a .message_ex li:first-of-type {
  margin-top: 0;
}

.faq_area .contact_box {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
}

.faq_area .contact_box a {
  position: relative;
  display: block;
  padding: 1.6rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  text-align: left;
}

/* ==============================================
Wrapping
=============================================== */
#wrapping h2, #wrapping h3 {
  text-align: center;
}

#wrapping h2 img, #wrapping h3 img {
  display: block;
  margin: 0 auto;
}

#wrapping h2 {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}

#wrapping .introduction {
  margin: 1.6rem 0;
}

#wrapping .introduction h3 {
  margin-bottom: 1.6rem;
  font-family: 'NotoSerif';
  font-size: 18px;
  font-size: 1.8rem;
  color: #FD5C90;
}

#wrapping .introduction_text {
  text-align: center;
}

#wrapping .wrapping_area {
  margin-bottom: 5.6rem;
}

#wrapping .wrapping_area h3 {
  margin-bottom: 1.6rem;
}

#wrapping .wrapping_block img {
  display: block;
  margin: 0 auto;
}

#wrapping .wrapping_collenction_wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 64rem;
  margin: 0 auto 3.2rem;
  text-align: center;
}

#wrapping .wrapping_collenction_contents {
  padding: 1.6rem 3.2rem;
  background-repeat: repeat-y;
  background-position: center top;
  background-size: contain;
}

#wrapping .wrapping_collenction_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#wrapping .wrapping_collenction_box {
  width: 48%;
  margin-top: 4%;
}

#wrapping .wrapping_collenction_box:nth-child(2n) {
  margin-left: 4%;
}

#wrapping #design .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-design-bg.gif");
}

#wrapping #use .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-use_bg.gif");
}

#wrapping #season .wrapping_collenction_contents {
  background-image: url("../img/wrapping/ssw-7-season_bg.gif");
}

#wrapping #mens .wrapping_collenction_contents {
  padding: 1.6rem 3.2rem;
  background-image: url("../img/wrapping/ssw-7-ternd_bg.gif");
}

#wrapping #mens .wrapping_collenction_box {
  width: 100%;
}

#wrapping_kodawari02 .wrapping_block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 61.6rem;
  margin: 0 auto 3.2rem;
  padding: 0.8rem;
  -webkit-box-shadow: 0 0 4px #ccc;
          box-shadow: 0 0 4px #ccc;
}

#wrapping_kodawari02 .wrapping_block p {
  margin: 0.8rem 0;
}

#wrapping_voice {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  background-image: url("../img/wrapping/ssw-7-cm-bg.gif");
  background-repeat: repeat-y;
}

#wrapping_voice .wrapping_voice_box {
  padding-bottom: 2.4rem;
}

#wrapping_voice .wrapping_voice_box img {
  margin: 0 auto;
}

#wrapping_faq {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

#wrapping_faq .wrapping_faq_box {
  margin-top: 3.2rem;
}

#wrapping_faq .wrapping_faq_q {
  position: relative;
  padding: 0.8rem 1.6rem 0.8rem 5.6rem;
  background: url("../img/wrapping/ssw-7-faq-bg.gif") repeat left top;
  line-height: 1.3;
  color: #fff;
}

#wrapping_faq .wrapping_faq_q::before {
  position: absolute;
  top: -2.5rem;
  left: 0;
  display: block;
  width: 5rem;
  height: 5rem;
  background: url("../img/wrapping/ssw-7-faq-q.png") no-repeat center center;
  background-size: contain;
  content: '';
}

#wrapping_faq .wrapping_faq_a {
  padding: 1.6rem 1.6rem 0;
}

#wrapping .btn_passive {
  width: 100%;
  max-width: 32rem;
  margin: 0 auto;
}

/* ==============================================
送料無料
=============================================== */

#free .main_title {
  font-size: 15px;
  font-size: 1.5rem;
}

#free .main_title .strong {
  font-size: 30px;
  font-size: 3rem;
}

#free .main_title .subtitle {
  display: block;
  margin-top: 0.4rem;
  font-size: 13px;
  font-size: 1.3rem;
}

#free .about_page_title {
  margin-bottom: 3.2rem;
  font-family: 'NotoSerif';
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

#free .page_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: center;
  margin-bottom: 4rem;
  font-family: 'NotoSerif';
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#free .page_navi .btn_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
      -ms-flex-align: center;
  width: 9rem;
  height: 9rem;
  margin-top: calc(50% - 13.5rem);
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  background: #fff;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

#free .page_navi .btn_navi.select {
  background: #FFFFCC;
}

#free .page_navi .btn_navi .attention {
  font-size: 14px;
  font-size: 1.4rem;
}

#free .page_navi.top .btn_navi::after {
  display: block;
  color: #d6d6d6;
  content: '▼';
}

#free .page_navi.bottom .btn_navi::before {
  display: block;
  color: #d6d6d6;
  content: '▲';
}

#free .title04 {
  position: relative;
  margin-bottom: 3.2rem;
}

#free .title04 span {
  position: absolute;
  right: 0;
  bottom: 0.8rem;
  font-size: 14px;
  font-size: 1.4rem;
}

#free .fee_wrap {
  margin-bottom: 4rem;
}

#free .fee_wrap_title {
  margin-bottom: 0.8rem;
  font-family: 'NotoSerif';
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.3;
}

#free .fee_wrap_title .attention {
  font-size: 20px;
  font-size: 2rem;
}

#free .fee_wrap_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#free .fee_wrap_flex .fee_wrap_text {
  width: 60%;
}

#free .fee_wrap_flex .fee_wrap_image {
  width: 37%;
}

#free .fee_wrap_text img {
  margin-right: auto;
  margin-left: auto;
}

/* ==============================================
刻字・刻印サービス
=============================================== */
#kokuin h2 img {
  margin: 0 auto;
}

#kokuin .kokuin_wrap {
  margin-bottom: 4rem;
}

#kokuin .kokuin_wrap .title04 {
  margin-bottom: 1.6rem;
}

#kokuin .kokuin_wrap_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#kokuin .kokuin_wrap_flex .kokuin_wrap_text {
  width: calc(100% - 11.8rem);
}

#kokuin .kokuin_wrap_flex .kokuin_wrap_image {
  width: 11rem;
}

#kokuin .kokuin_wrap_text img {
  margin-right: auto;
  margin-left: auto;
}

#kokuin .kokuin_table_wrap {
  width: 100%;
  max-width: 42.4rem;
}

#kokuin .kokuin_table_wrap .kokuin_table_title {
  background: #f5f5f5;
  text-align: center;
}

#kokuin .kokuin_table_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d6d6d6;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#kokuin .kokuin_table_wrap dl:not(:last-child) {
  border-bottom: none;
}

#kokuin .kokuin_table_wrap dl dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40%;
  padding: 0.4rem;
}

#kokuin .kokuin_table_wrap dl dd:nth-child(2) {
  width: 60%;
  border-left: 1px solid #d6d6d6;
}

/* ==============================================
ジェイウェルが選ばれている理由
=============================================== */
#reason {
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}

#reason #tab_menu ul {
      -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#reason #tab_menu li {
  width: 32%;
  max-width: 32rem;
  margin-right: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.2;
}

#reason #tab_menu li span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}

#reason .reason_block {
  margin-bottom: 3.2rem;
}

#reason .reason_block .reason_title {
  margin-bottom: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}

#reason .reason_block .reason_title span {
  color: #FA5F87;
}

#reason .reason_block .reason_text {
  padding: 1.6rem 0.8rem;
}

/* ==============================================
サイトマップ
=============================================== */
.sitemap_wrap {
  margin-bottom: 2.4rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.sitemap_wrap .brand_menu {
  display: none;
}

.sitemap_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: start;
  margin-top: 2.4rem;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.sitemap_box, .sitemap_box02 li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 2.4rem;
  padding-right: 1.6rem;
}

.sitemap_box ul, .sitemap_box02 li ul {
  margin-left: 0.8rem;
}

.sitemap_box li, .sitemap_box02 li li {
  margin-bottom: 0.8rem;
}

.sitemap_box li a::before, .sitemap_box02 li li a::before {
  margin-right: 0.4rem;
  color: #9b9b9b;
  content: '・';
}

.sitemap_box02 li {
  margin-bottom: 0.8rem;
}

.sitemap_box02 li a::before {
  margin-right: 0.4rem;
  color: #9b9b9b;
  content: '・';
}

/*-------------------------------------------------
Print CSS
-------------------------------------------------*/
/************************************************
 印刷用
************************************************ */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .opacity {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .opacity:hover {
    cursor: pointer;
    opacity: 0.7;
  }
  .lg-none {
    display: none !important;
  }
  .pc-only {
    display: block !important;
  }
  .pc-none {
    display: none !important;
  }
  .flex-r-pc {
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .flex-c-pc {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .flex-rr-pc {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .flex-cr-pc {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
  }
  .order_1-pc {
        -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order_2-pc {
        -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .order_3-pc {
        -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .wrap_check label::before {
    width: 3.2rem;
    height: 3.2rem;
  }
  .wrap_check label::after {
    left: 0.6rem;
    font-size: 20px;
    font-size: 2rem;
  }
  .btn_area ul {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin-top: 8rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .btn_area ul li {
    width: 100%;
    margin: 0 1.6rem;
  }
  .btn a, .btn input, .btn button {
    padding: 1.6rem 0;
  }
  .btn_tocart a {
    padding: 1.2rem 0;
  }
  .title01 .main {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .title01 .en {
    font-size: 40px;
    font-size: 4rem;
  }
  .title02 {
    font-size: 20px;
    font-size: 2rem;
  }
  .title04 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .title05 {
    font-size: 20px;
    font-size: 2rem;
  }
  .main_title {
    margin-bottom: 4.8rem;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .main_title.en {
    font-size: 40px;
    font-size: 4rem;
  }
  #container {
    padding-top: 8rem;
  }
  #main_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    padding: 0 1.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #main_column {
    width: 76%;
  }
  #leftcolumn {
    width: 20%;
  }
  .undercolumn {
    padding: 0 0 12rem;
  }
  #error {
    padding-top: 12rem;
  }
  #error .message {
    padding: 1.6rem;
  }
  #error .message_main {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .pagenation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: center;
    margin-top: 9.6rem;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .pagenation .number_wrap .number {
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 1.2rem;
    line-height: 3.2rem;
  }
  .pagenation .pager_arrow {
    width: 6.4rem;
  }
  .pagenation .pager_arrow a {
    line-height: 3.2rem;
  }
  .pagenation .pager_arrow.prev {
    margin-right: 5.6rem;
  }
  .pagenation .pager_arrow.next {
    margin-left: 5.6rem;
  }
  #breadcrumb ol {
    padding: 0.8rem 0;
  }
  .modal {
    overflow: auto;
  }
  .modal_wrap {
    margin: 6.4rem auto;
  }
  .modal_header {
    position: absolute;
  }
  .modal_btn_area {
    position: absolute;
  }
  .modal_btn_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  #header_wrap {
    height: 8rem;
  }
  .header_utility_wrap {
    width: 14.4rem;
  }
  .header_utility_box {
    margin-left: 3.2rem;
  }
  .header_utility_box .svg {
    width: 2.4rem;
    height: 2.4rem;
  }
  #sign_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
        -ms-flex-align: end;
    margin-left: 1.6rem;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  #sign_area #logo_area {
    width: 9.5rem;
  }
  #sign_area #site_description {
    margin-left: 0.8rem;
    font-size: 10px;
    font-size: 1rem;
  }
  #pagetop.stop {
    right: 0;
  }
  #footer {
    padding: 0 1.6rem;
  }
  #footer .sns_area li {
    margin: 0 1.6rem;
  }
  #footer .sns_area a {
    font-size: 32px;
    font-size: 3.2rem;
  }
  #message {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #message .catchcopy_en {
    margin: 2.4rem 0;
    font-size: 32px;
    font-size: 3.2rem;
  }
  #message .catchcopy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }
  #service_wrap .service_block {
    width: 25%;
  }
  #service_wrap .service_block a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #service_wrap .service_block:nth-child(2) {
    background-position: right center;
  }
  #service_wrap .service_block:nth-child(4) {
    background-position: right center;
  }
  #service_wrap .service_block:nth-child(2n) {
    margin-left: 0;
  }
  #service_wrap .service_box {
    height: 14.2rem;
  }
  #service_wrap .service_box .link_style {
    margin-top: 0.8rem;
  }
  #pc_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    margin-top: 8rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .footer_link_wrap {
    width: calc(100% - 36.8rem);
  }
  .footer_link_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_link_area li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
    margin-right: 5rem;
    margin-bottom: 1.6rem;
  }
  .footer_link_area li a {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .footer_link_area li a::before {
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
    color: #9b9b9b;
    content: "";
  }
  #calender {
    width: 36.8rem;
  }
  #calender_wrap .calender_area {
    width: 48%;
  }
  #calender_wrap .calender_area .month {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #calender_wrap .calender_area th, #calender_wrap .calender_area td {
    font-size: 13px;
    font-size: 1.3rem;
  }
  #calender_wrap .calender_area th {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .side_column .banner_area {
    margin-bottom: 4rem;
  }
  .search {
    position: fixed;
    z-index: 4;
    top: 2rem;
    right: calc(50% - 43.2rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
  .search_wrap {
    margin-right: 1.6rem;
  }
  .search_area {
    width: 24rem;
  }
  .search_area .search_input {
    padding: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .search_area .search_btn {
    right: 1.2rem;
    width: 1.6rem;
    height: 1.6rem;
  }
  .category_all_title {
    margin-bottom: 2.4rem;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt';
  }
  .category_area {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .category_area a {
    padding: 0.8rem;
  }
  .category_area a::after {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .category_area > ul .level1 > .category_title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .category_title p {
    padding: 0.8rem;
  }
  .category_title p::before {
    right: 0.8rem;
    width: 1.3rem;
  }
  .category_title p::after {
    right: 1.3rem;
    height: 1.3rem;
  }
  #footer_category_wrap {
    position: fixed;
    z-index: 2;
    top: 8rem;
    left: 0;
    display: none;
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
  }
  #footer_category_wrap .category_wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  #footer_category_wrap .category_wrap .title03 {
    padding: 0;
  }
  #footer_category_wrap .category_title {
    position: relative;
  }
  #footer_category_wrap .category_title.active::before {
    position: absolute;
    bottom: 0;
    left: 2rem;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 10px 5px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5 transparent;
    content: '';
  }
  #footer_category_wrap .category_title p {
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #footer_category_wrap .category_title p::before {
    right: calc(100% - 2.4rem);
  }
  #footer_category_wrap .category_title p::after {
    right: calc(100% - 1.9rem);
  }
  #footer_category_wrap .category_area {
    position: relative;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  #footer_category_wrap .category_area.type {
    padding-bottom: 2.4rem;
  }
  #footer_category_wrap .category_area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        -ms-flex-pack: end;
        -ms-flex-align: center;
    padding: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  #footer_category_wrap .category_area a::after {
    padding-right: 0.8rem;
  }
  #footer_category_wrap .category_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #footer_category_wrap .category_area li {
    width: 25%;
    border: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  #footer_category_wrap .category_area li.level2 .category_title.active::before {
    bottom: 0;
    left: 2rem;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #9b9b9b transparent;
  }
  #footer_category_wrap .category_area li.level2 .category_title.active::after {
    position: absolute;
    z-index: 1;
    bottom: -0.1rem;
    left: 2.1rem;
    display: block;
    width: 0;
    height: 0;
    border-width: 0 5px 10px 5px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    content: '';
  }
  #footer_category_wrap .category_area li.level2 .category_tree {
    margin: 0 1.6rem;
    border-top: 1px solid #9b9b9b;
    background: #fff;
  }
  #footer_category_wrap .category_expander {
    position: absolute;
    top: auto;
    right: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  #mainV {
    margin-bottom: 8rem;
  }
  #feature {
    margin-bottom: 12rem;
    padding: 0;
  }
  .ranking {
    margin-bottom: 12rem;
  }
  #feature_category {
    margin-bottom: 12rem;
    padding: 0;
  }
  #feature_category .banner_box p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #recommend {
    margin: 0 0 12rem;
  }
  #advantage {
    margin: 0 0 12rem;
  }
  .advantage_box:nth-child(2), #top_search .search_type .type_box:nth-child(2) {
    margin: 0 6.4rem;
  }
  .item_box .sale_price .price {
    font-size: 20px;
    font-size: 2rem;
  }
  .category_main_image {
    margin-bottom: 2.4rem;
  }
  .free_area .title01 .main {
    font-size: 30px;
    font-size: 3rem;
  }
  .free_area .title01 .en {
    font-size: 30px;
    font-size: 3rem;
  }
  .free_area .headline {
    margin-bottom: 3.6rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .free_area .headline .en {
    font-size: 30px;
    font-size: 3rem;
  }
  .free_area .col_wrap {
    margin-top: 1.6rem;
  }
  .free_area .col_1 {
    width: calc(8.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_2 {
    width: calc(16.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_3 {
    width: calc(24.9% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_4 {
    width: calc(33.2% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_5 {
    width: calc(41.5% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_6 {
    width: calc(49.8% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_7 {
    width: calc(58.1% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_8 {
    width: calc(66.4% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_9 {
    width: calc(74.7% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_10 {
    width: calc(83% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_11 {
    width: calc(91.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_12 {
    width: calc(99.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_1-pc {
    width: calc(8.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_2-pc {
    width: calc(16.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_3-pc {
    width: calc(24.9% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_4-pc {
    width: calc(33.2% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_5-pc {
    width: calc(41.5% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_6-pc {
    width: calc(49.8% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_7-pc {
    width: calc(58.1% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_8-pc {
    width: calc(66.4% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_9-pc {
    width: calc(74.7% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_10-pc {
    width: calc(83% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_11-pc {
    width: calc(91.3% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .col_12-pc {
    width: calc(99.6% - 1.6rem);
    margin: 0 0.8rem 1.6rem;
  }
  .free_area .sub_area {
    margin-bottom: 8rem;
  }
  .free_area .sub_block {
    margin: 2.4rem 0 6.4rem;
  }
  .free_area .sub_block .sale_price .price {
    font-size: 20px;
    font-size: 2rem;
  }
  .free_area .sub_block .parts01_relative {
    position: relative;
  }
  .free_area .sub_block .parts01_absolute {
    position: absolute;
    right: 2rem;
    max-height: 14rem;
  }
  .free_area .sub_block .parts01_absolute .col_box {
    max-height: 12.8rem;
  }
  .free_area .sub_block .parts01_pdt {
    padding-top: 16rem;
  }
  .free_area .sub_headline {
    margin-bottom: 2.4rem;
  }
  .free_area .sub_headline .main {
    font-size: 20px;
    font-size: 2rem;
  }
  .free_area .sub_banner_area {
    margin: 3.2rem 0;
  }
  .free_area .anker_menu_link {
    margin-bottom: 3.2rem;
  }
  .free_area .anker_menu_link li {
    font-size: 40px;
    font-size: 4rem;
  }
  .free_area .anker_menu_link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    padding: 0.8rem 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .free_area .anker_menu_link li a::after {
    font-family: Font Awesome\ 5 Free;
    font-weight: bold;
    content: "";
  }
  .free_area .pickup_main, .free_area .pickup_list {
    margin-top: 2.4rem;
  }
  .free_area .pickup_main .item_contents {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .free_area .pickup_main .item_comments span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .free_area .btn_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: end;
    margin: 3.2rem auto 0;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  .free_area .btn_more {
    width: 100%;
    margin-left: 1.6rem;
  }
  .free_area .supplement {
    padding: 2.4rem 1.6rem;
  }
  .free_area .supplement_title span {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #brooch .reason_text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
  #brooch .proposal_block {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #brooch .proposal_block .gift_wrap {
    padding: 4rem 4.8rem 1.6rem;
  }
  .decoframe02_wrap {
    padding: 4.8rem;
  }
  #sweet .about {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        -ms-flex-align: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-align: center;
            align-items: center;
  }
  #sweet .sweet_dotBG {
    padding: 3.2rem;
  }
  #sweet .sweet_dotBG .btn a {
    padding: 1.2rem 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #sweet .sweet_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #sweet .sweet_ranking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #sweet .sweet_ranking_box:nth-of-type(2) {
    padding: 0 4.8rem;
    background-image: url(/user_data/img/event/sweet10/psweet10-rank-line.jpg), url(/user_data/img/event/sweet10/psweet10-rank-line.jpg);
    background-position: top left,top right;
  }
  #sweet .sweet_ranking_inner a {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
            justify-content: center;
  }
  #sweet .motif_block {
    padding: 4.8rem;
  }
  #sweet .motif_box {
        -ms-flex-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-align: center;
            align-items: center;
  }
  #sweet .motif_box img {
    max-width: 20rem;
  }
  #sweet .faq_box dt, #sweet .faq_box dd {
    padding-left: 4.8rem;
    background-repeat: no-repeat;
    background-size: 4rem;
    line-height: 2.4;
  }
  #sweet .faq_box dt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }
  #list_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    margin: 5.6rem 0 4rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
  #sort_wrap {
    width: 37.6%;
  }
  .refiner_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .refiner_area dl {
    width: 47.3%;
    margin-bottom: 3.2rem;
  }
  .refiner_area dl.input_price {
    width: 100%;
  }
  .refiner_area dl.input_price dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
        -ms-flex-align: center;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .refiner_area dl.input_price dd > p {
    margin: 0 3rem;
  }
  .refiner_area dl dt {
    margin-bottom: 0.4rem;
  }
  .refiner_area dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .refiner_area dl dd .price_area {
    width: 43.75%;
  }
  .refiner_area dl dd .price_area p:not(.price_input) {
    width: 1.6rem;
  }
  .refiner_area dl dd .wrap_radio label::before {
    width: 3.2rem;
    height: 3.2rem;
  }
  .refiner_area dl dd .wrap_radio label::after {
    left: 0.9rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  .refiner_btn_area .btn_passive {
    margin-right: 1.6rem;
  }
  #kodawari_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #product .cartin_btn a, #product .cartin_btn p {
    padding: 1.0rem 0;
  }
  #product .soldout_btn p {
    padding: 1.4rem 0;
  }
  #detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    margin-bottom: 5.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #detail_photobloc {
    width: 57%;
    margin: 0;
  }
  #detail_photobloc #main_image {
    margin-bottom: 1.6rem;
  }
  #detail_photobloc #main_image .slick-arrow {
    width: 3.4rem;
    height: 3.4rem;
  }
  #detail_photobloc #main_image .slick-arrow::before {
    font-size: 32px;
    font-size: 3.2rem;
  }
  #detail_photobloc #thumbnail .slick-slide {
    width: 13.8%;
    max-width: 7.2rem;
    margin-right: 1.0rem;
  }
  #detail_photobloc #thumbnail .slick-arrow::before {
    font-size: 20px;
    font-size: 2rem;
  }
  #detail_rightbloc {
    width: 39.4%;
  }
  #detail_rightbloc .brand_name {
    margin-bottom: 0.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #detail_rightbloc .main_item_name {
    margin-bottom: 0.8rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  #detail_rightbloc .sale_price span {
    font-size: 28px;
    font-size: 2.8rem;
  }
  #detail_rightbloc .favorite_btn {
    margin-top: 2.4rem;
  }
  #tab_menu ul {
    border-bottom: 1px solid #3d4e84;
  }
  #tab_menu ul li {
    max-width: 160px;
    margin-right: 0.4rem;
    padding: 1rem 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .tab_contents_wrap {
    padding: 2.4rem 0;
  }
  #item_spec .tab_contents_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #item_spec dl {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding-right: 1.6rem;
  }
  .classlist_only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .classlist_only dl {
    width: 47.3%;
    margin-bottom: 3.2rem;
  }
  .classlist_only dl.input_price {
    width: 100%;
  }
  .classlist_only dl.input_price dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
  .classlist_only dl.input_price dd .price_area {
    width: 43.75%;
  }
  .classlist_only dl dt {
    margin-bottom: 0.4rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .classlist_only dl dd {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .option_btn_area a, .option_btn_area p {
    width: 1005;
    max-width: 360px;
    margin: 0 auto;
    padding: 1rem 0;
  }
  .option_box {
    width: 31.7%;
    margin-bottom: 4.3%;
    margin-left: 2.4%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .option_box:nth-child(3n+1) {
    margin-left: 0;
  }
  .option_box:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
  .option_image .i_extantion {
    width: 1.6rem;
    height: 1.6rem;
  }
  .option_name {
    margin-bottom: 1.6rem;
  }
  #delivery #notice_area {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #delivery .notice_box dt {
    font-size: 15px;
    font-size: 1.5rem;
  }
  #delivery .delivery_date_box {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #delivery .delivery_date_contents img {
    max-height: 32rem;
    margin-bottom: 1.6rem;
  }
  #delivery .delivery_date_contents .area_date_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
        -ms-flex-align: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  #delivery .delivery_date_contents .area_date_list {
    width: 48%;
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
  #delivery .delivery_date_contents .area_date_list:nth-of-type(2n) {
    margin-left: 4%;
  }
  #delivery .delivery_date_contents .area_title {
    margin-top: 0;
  }
  #review {
    margin-bottom: 0;
    padding: 0;
  }
  #review_area {
    margin: 4.8rem 0;
  }
  #review_area > p {
    width: calc(100% - 26.4rem);
    margin: 0;
  }
  .review_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .review_box {
    width: 47.8%;
  }
  .review_box:nth-child(2n) {
    margin-left: 4.4%;
  }
  #flow_area ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
    height: 5.6rem;
    padding-left: 2.4rem;
    line-height: 1.5;
    text-align: left;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  #flow_area ol li:not(:first-of-type) {
    padding-left: 3.6rem;
  }
  #flow_area ol li::before {
    top: -0.4rem;
    right: -2.2rem;
    border-width: 32px 0 32px 22px;
  }
  #flow_area ol li::after {
    right: -2rem;
    border-width: 28px 0 28px 20px;
  }
  .cartbox_wrap {
        -ms-flex-align: start;
    padding: 1.6rem;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cartbox_image {
    width: 18.1%;
  }
  .cartbox_spec {
    width: 57.7%;
  }
  .cartbox_spec_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: start;
    width: 79%;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
            align-items: flex-start;
  }
  .cartbox_spec .price {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
  }
  .cartbox_total {
    width: 39.5%;
    margin-top: 0rem;
    padding: 1.6rem;
  }
  .cartbox_total .item_total_price {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .cartbox_total .item_total_price .num_value span {
    font-size: 20px;
    font-size: 2rem;
  }
  .cart_item_name {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .option_select {
    width: 39.5%;
    margin-left: auto;
  }
  .option_select_btn {
    width: 32%;
  }
  .option_select_btn:not(:first-child) {
    margin-left: 2%;
  }
  .option_select_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .option_select_btn .svg {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.4rem 0 0;
  }
  .total {
    width: 42.1%;
    max-width: 38.4rem;
    margin-top: 1.6rem;
    margin-bottom: 8rem;
    margin-left: auto;
    padding: 1.6rem;
  }
  #adress_list_wrap .adress_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    padding: 1.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #adress_list_wrap .adress_box .adress_edit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 31.25%;
    margin-top: 0;
    margin-left: 2.4rem;
    padding: 1.6rem;
  }
  #adress_list_wrap .adress_box .adress_edit .btn02 {
    width: 46.2%;
  }
  .deliv_btn_area {
    position: relative;
    padding-top: 8.2rem;
  }
  .deliv_btn_area li:nth-child(2) {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .shopping_confirm dl {
    padding: 0 1.6rem;
  }
  .shopping_confirm dl dt {
    width: 23.4%;
    padding-right: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .shopping_confirm dl dd {
    width: 76.6%;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .point_confirm dl dd {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
  }
  .form_wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: baseline;
    margin-bottom: 3.2rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
            align-items: baseline;
  }
  .form_wrap dt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 30.8%;
    margin-bottom: 0;
    padding-right: 3.2rem;
    line-height: 1.2;
  }
  .form_wrap dd {
    width: 69.2%;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .input_box p:not(.sub) {
    width: calc(100% - 5.6rem);
  }
  .input_box .sub {
    width: 4.8rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .input_box.two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    width: 48%;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
            align-items: center;
  }
  .zip_btn .btn a {
    padding: 1.4rem 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .kiyaku {
    height: 50rem;
  }
  #complete_area .message {
    padding: 1.6rem;
  }
  #complete_area .message_main {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.5;
  }
  .shop_information {
    margin-top: 3.2rem;
    padding: 2.4rem 1.6rem 1.6rem;
  }
  #mypage .point_info {
    padding: 0;
  }
  #mypage .btn_adddeliv {
    margin: 0 0 3.2rem auto;
  }
  #mypage #adress_list_wrap .adress_box_text {
    width: calc(100% - 31.25% - 2.4rem);
  }
  .mycondition_area dl {
    padding: 0 1.6rem;
  }
  .mycondition_area dl dt {
    width: 23.4%;
    padding-right: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mycondition_area dl dd {
    width: 76.6%;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #refusal_area .message {
    padding: 1.6rem;
  }
  #refusal_area .message_main {
    margin: 4.8rem 0 3.2rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
  }
  .table_wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    margin-bottom: 0;
    padding: 1.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .table_wrap dl dt {
    width: 23.4%;
    margin-bottom: 0;
    padding-right: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .table_wrap dl dd {
    width: 76.6%;
  }
  #guide .page_top {
    margin-bottom: 4rem;
  }
  .guide_wrap, .faq_block {
    margin-bottom: 4rem;
  }
  .guide_wrap .btn_passive, .faq_block .btn_passive {
    max-width: 32rem;
    margin-left: auto;
  }
  .guide_text {
    margin-top: 2.4rem;
    padding: 0 1.6rem;
  }
  .guide_text .table_wrap dl {
    margin: 0;
    padding: 0.8rem;
    border-bottom: 1px solid #9b9b9b;
  }
  #faq .title04 {
    margin-bottom: 2.4rem;
  }
  .faq_q {
    padding: 1.6rem 2rem 1.6rem 1.6rem;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .faq_q::before {
    right: 2rem;
    width: 1.3rem;
  }
  .faq_q::after {
    right: 2.5rem;
    height: 1.3rem;
  }
  .faq_a {
    padding: 1rem 1.6rem 1.6rem;
  }
  .faq_a .btn_passive {
    max-width: 32rem;
    margin-left: auto;
  }
  .faq_a .table_wrap dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    margin: 0;
    padding: 0.8rem 1.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .faq_a .table_wrap dl dt {
    width: 23.4%;
    margin-bottom: 0;
    padding-right: 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .faq_a .table_wrap dl dd {
    width: 76.6%;
  }
  .faq_a .convenience_pay {
    padding: 1.6rem;
  }
  .faq_a table td {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .faq_a .message_ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    padding: 1.6rem;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .faq_a .message_ex li {
    width: calc(50% - 0.8rem);
    margin-top: 1.6rem;
  }
  .faq_a .message_ex li:nth-child(2n) {
    margin-left: 1.6rem;
  }
  .faq_a .message_ex li:nth-child(-n + 2) {
    margin-top: 0;
  }
  .faq_area .contact_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    padding: 1.6rem;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .faq_area .contact_box {
    width: calc(50% - 0.8rem);
    border: none;
  }
  .faq_area .contact_box:nth-child(2n) {
    margin-left: 1.6rem;
  }
  #wrapping .wrapping_area {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #free {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #free .about_page_title {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #free .page_navi .btn_navi {
    margin-top: 1.6rem;
  }
  #free .page_navi .btn_navi:not(:nth-child(5n+1)) {
    margin-left: 1.6rem;
  }
  #free .fee_wrap_title {
    margin-bottom: 1.6rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
  #free .fee_wrap_title .attention {
    font-size: 32px;
    font-size: 3.2rem;
  }
  #free .fee_wrap_text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #kokuin .kokuin_wrap_flex {
    margin-bottom: 3.2rem;
  }
  #kokuin .kokuin_wrap_text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .sitemap_wrap {
    margin-bottom: 4rem;
  }
  .sitemap_wrap .brand_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    margin-top: 3.2rem;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sitemap_wrap .brand_menu li {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 3.2rem;
    height: 3.2rem;
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
    border: 1px solid #9b9b9b;
    line-height: 3.2rem;
    text-align: center;
  }
  .sitemap_wrap .brand_menu li:last-of-type {
    width: 6.4rem;
  }
  .sitemap_block {
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 3.2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .sitemap_box, .sitemap_box02 li {
    width: 25%;
  }
}
@media print, screen and (min-width: 420px) {
  .sm-none {
    display: none !important;
  }
}
@media print, screen and (min-width: 768px) {
  .md-none {
    display: none !important;
  }
  #service_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #service_wrap .service_block:nth-child(2n) .service_box {
    margin-left: 0;
  }
  #service_wrap .service_box {
    height: 16rem;
    background: #ede3c5;
  }
  #feature .banner_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #feature .banner_box {
    width: 48.2%;
    margin-bottom: 3.2rem;
  }
  #feature .banner_box:nth-child(2n) {
    margin-left: 3.6%;
  }
  #feature .banner_box:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .ranking_sign {
    width: 2.8rem;
    height: 2.8rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #feature_category .banner_box {
    width: 23.6%;
    margin-bottom: 3.9%;
    margin-left: 1.8%;
  }
  #feature_category .banner_box:nth-child(4n+1) {
    margin-left: 0;
  }
  #feature_category .banner_box:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }
  #recommend_wrap .item_box:nth-child(4n+1) {
    margin-left: 1.8%;
  }
  #recommend_wrap .item_box:first-child, #recommend_wrap .item_box:nth-child(4n+2) {
    margin-left: 0;
  }
  #recommend_wrap .item_box:first-child a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: end;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
            align-items: flex-end;
  }
  #recommend_wrap .item_box:first-child .item_image, #recommend_wrap .item_box:first-child .item_contents {
    width: 48.2%;
    max-width: 440px;
  }
  #recommend_wrap .item_box:first-child .item_contents {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  #recommend_wrap .item_box:first-child .sale_price .price {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #advantage .introduction {
    margin: 4.8rem 0;
    text-align: center;
  }
  .advantage_box p, #top_search .search_type .type_box p {
    margin-top: 1.6rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .item_box {
    width: 23.6%;
    margin-bottom: 4.3%;
    margin-left: 1.8%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .item_box:nth-child(4n+1) {
    margin-left: 0;
  }
  .item_box:nth-last-child(-n + 4) {
    margin-bottom: 0;
  }
  .category_child_list_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-direction: column;
    -ms-flex-direction: row;
            flex-direction: column;
        flex-direction: row;
        -ms-flex-pack: start;
    margin-bottom: 3.2rem;
    padding: 0;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .category_child_list_wrap li {
    margin-right: 2.4rem;
    margin-bottom: 1.6rem;
  }
  .category_child_list_wrap li::before {
    padding-right: 0.4rem;
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #9b9b9b;
    content: "";
  }
  .free_area .col4_8 {
    width: calc(12.5% - 0.4rem);
  }
  #item_list .item_box {
    width: 18%;
    margin-bottom: 4.3%;
    margin-left: 2.5%;
    font-size: 13px;
    font-size: 1.3rem;
  }
  #item_list .item_box:nth-child(4n+1) {
    margin-left: 2.5%;
  }
  #item_list .item_box:nth-child(5n+1) {
    margin-left: 0;
  }
  #item_list .item_box:nth-last-child(-n + 5) {
    margin-bottom: 0;
  }
  .mynavi_list {
        -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .mynavi_list li {
    width: auto;
    margin: 0 2% 3.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .mynavi_list li a {
    padding: 0 0 0.8rem;
  }
  .mynavi_list li a.selected::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2.4rem;
    height: 0.2rem;
    background: #b39d5a;
    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .order_history_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
    border-bottom: 1px solid #d6d6d6;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .order_history_box .history_detail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .order_history_box dl {
    width: 20%;
    padding: 1.6rem 0;
  }
  .order_history_box dl dt {
    display: none;
  }
  .order_history_box dl dd.order_date, .order_history_box dl dd.order_id, .order_history_box dl dd.order_payment, .order_history_box dl dd.order_status {
    text-align: center;
  }
  .order_history_box dl dd.order_payment_total {
    text-align: right;
  }
  .order_history_box .btn {
    display: none;
  }
  .guide_menu_list {
        -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .guide_menu_list li {
    width: auto;
    margin: 0 2% 3.2rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .guide_menu_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
    padding: 0 0 0.8rem;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .guide_menu_list li a .fas {
    margin-right: 0.8rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .guide_menu_list li a.selected::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2.4rem;
    height: 0.2rem;
    background: #b39d5a;
    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .affiliate_wrap {
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .affiliate_box {
    width: 48%;
    margin-bottom: 0;
  }
  .affiliate_box .title07 {
    margin-bottom: 2.4rem;
  }
  #reason #tab_menu li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #reason #tab_menu li span {
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #reason .reason_block {
    margin-bottom: 6.4rem;
  }
  #reason .reason_block .reason_title {
    margin-bottom: 2.4rem;
    font-size: 20px;
    font-size: 2rem;
  }
  #reason .reason_block .reason_text {
    padding: 0.8rem 1.6rem;
  }
  #reason .reason_box {
    width: 48%;
  }
}
@media print, screen and (min-width: 1200px) {
  .xl-none {
    display: none !important;
  }
  #main_wrap {
    padding: 0;
  }
  #sign_area {
    margin-left: 0;
  }
  #footer {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .flex-r-sp {
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .flex-c-sp {
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .flex-rr-sp {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .flex-cr-sp {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
  }
  .order_1-sp {
        -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .order_2-sp {
        -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .order_3-sp {
        -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .btn_area ul {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
    margin-top: 6.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
            align-items: center;
  }
  .btn_area ul li {
    margin-bottom: 3.2rem;
  }
  .btn_area ul li:last-of-type {
    margin-bottom: 0;
  }
  #main_column {
    margin: 0 auto;
  }
  .pagenation .pager_arrow {
    position: absolute;
    top: 0;
  }
  .pagenation .pager_arrow.prev {
    left: 0;
  }
  .pagenation .pager_arrow.next {
    right: 0;
  }
  .modal_contents {
    position: fixed;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #sign_area {
    width: 25.3%;
    max-width: 9.5rem;
  }
  #message {
    margin-bottom: 9.6rem;
  }
  #service {
    margin: 8.0rem 0 0;
  }
  .footer_link_wrap {
    margin-top: 8.0rem;
  }
  .footer_link_area {
    border-bottom: 1px solid #9b9b9b;
  }
  .footer_link_area li {
    border-top: 1px solid #9b9b9b;
  }
  .footer_link_area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    padding: 0.9rem 1.6rem;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
  .footer_link_area a::after {
    font-family: Font Awesome\ 5 Free;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #9b9b9b;
    content: "";
  }
  #calender {
    margin: 8.0rem 1.6rem 0;
  }
  .side_column {
    position: fixed;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: -100%;
    overflow: auto;
    width: 88%;
    background: #ffffff;
  }
  .side_column .scrolling_wrap {
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .side_column .banner_area {
    padding: 0 1.6rem 1.6rem;
  }
  .search {
    padding: 0 1.6rem 4rem;
  }
  .search_wrap {
    margin-top: 2.4rem;
  }
  #footer_category_wrap .category_expander {
    display: none;
  }
  #footer_category_wrap .level2 .category_expander {
    padding-left: 1.6rem;
    border-top: 1px solid #fff;
  }
  .carousel .slick-slide {
    width: 40.5%;
    max-width: 13.8rem;
  }
  .category_child_list {
    margin: 0 1.6rem;
  }
  .free_area {
    padding: 0 1.6rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .free_area .col_1-sp {
    width: calc(8.3% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_2-sp {
    width: calc(16.6% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_3-sp {
    width: calc(24.9% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_4-sp {
    width: calc(33.2% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_5-sp {
    width: calc(41.5% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_6-sp {
    width: calc(49.8% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_7-sp {
    width: calc(58.1% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_8-sp {
    width: calc(66.4% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_9-sp {
    width: calc(74.7% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_10-sp {
    width: calc(83% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_11-sp {
    width: calc(91.3% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .col_12-sp {
    width: calc(99.6% - 0.8rem);
    margin: 0 0.4rem 0.8rem;
  }
  .free_area .anker_menu_link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
        -ms-flex-align: center;
    height: 100%;
    padding: 0.4rem 0;
    font-size: 10px;
    font-size: 1rem;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .free_area .anker_menu_link li a::after {
    margin: 0 auto;
  }
  .free_area .btn_more {
    margin: 3.2rem auto 0;
  }
  #brooch .proposal_main_ttl img {
    max-height: 3.2rem;
  }
  #sweet .sweet_ranking_box:nth-of-type(2) {
    padding: 4rem 0 5rem;
    background-image: url(/user_data/img/event/sweet10/ssweet10-rank-line.jpg), url(/user_data/img/event/sweet10/ssweet10-rank-line.jpg);
    background-position: top center,bottom center;
  }
  #sweet .sweet_ranking_box .sweet_rank {
    width: 30%;
    margin: 0 auto;
  }
  #sweet .sweet_ranking_image {
    width: 40%;
  }
  #sweet .sweet_ranking_text {
    width: 60%;
  }
  #sweet .style {
    text-align: center;
  }
  .linemax {
    margin-bottom: 1.6rem;
  }
  #sort_wrap {
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  #sort_wrap .sort_btn {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: calc(100% - 8.8rem);
    margin: 1.6rem;
    padding: 1.2rem 0;
  }
  #sort_wrap .sort_btn.stop {
    position: absolute;
    bottom: -12.6rem;
  }
  .refiner_area dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: baseline;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
            align-items: baseline;
  }
  .refiner_area dl dt {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 36.8%;
    padding-right: 1.6rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .refiner_area dl dd {
    width: 63.2%;
  }
  #product .cartin_btn {
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: calc(100% - 8.8rem);
    margin: 1.6rem;
  }
  #detail {
    padding: 0 1.6rem 4.8rem;
  }
  #item_info .tab_contents_wrap {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #item_info .tab_contents_wrap *[class^="col_"] {
    width: calc(100% - 0.8rem);
  }
  #item_spec dl dt {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .option_box:nth-child(2n) {
    margin-left: 4.4%;
  }
  .shopping_confirm dl.messeage_area dt, .shopping_confirm dl.messeage_area dd {
    width: 100%;
  }
  .input_box {
    margin-bottom: 1.6rem;
  }
  .zip_btn {
    margin-top: 1.6rem;
  }
  .table_wrap dl dt {
    border-bottom: 1px solid #9b9b9b;
    font-weight: bold;
  }
  #free .page_navi .btn_navi:not(:nth-child(3n+1)) {
    margin-left: calc(50% - 13.5rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #service_wrap .service_block {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.4rem;
  }
  #service_wrap .service_block:nth-child(2n) {
    margin-left: 0.4rem;
    background-position: right center;
  }
  #sort_wrap {
    width: 44.6%;
  }
}
@media screen and (max-width: 767px) {
  #service_wrap .service_block:nth-child(2n+1) a {
    background: -webkit-gradient(linear, left top, right top, from(#ede3c5), color-stop(56%, #ede3c5), color-stop(70%, rgba(237, 227, 197, 0)), to(rgba(237, 227, 197, 0)));
    background: linear-gradient(to right, #ede3c5 0%, #ede3c5 56%, rgba(237, 227, 197, 0) 70%, rgba(237, 227, 197, 0) 100%);
  }
  #service_wrap .service_block:nth-child(2n) a {
    background: -webkit-gradient(linear, left top, right top, from(rgba(237, 227, 197, 0)), color-stop(30%, rgba(237, 227, 197, 0)), color-stop(50%, #ede3c5), to(#ede3c5));
    background: linear-gradient(to right, rgba(237, 227, 197, 0) 0%, rgba(237, 227, 197, 0) 30%, #ede3c5 50%, #ede3c5 100%);
  }
  #feature_category .banner_box {
    width: 47.8%;
    margin-bottom: 9.3%;
  }
  #feature_category .banner_box:nth-child(2n) {
    margin-left: 4.4%;
  }
  #feature_category .banner_box:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  #recommend_wrap .item_box:nth-child(2n+1) {
    margin-left: 4.4%;
  }
  #recommend_wrap .item_box:first-child, #recommend_wrap .item_box:nth-child(2n) {
    margin-left: 0;
  }
  #recommend_wrap .item_box:first-child .item_contents {
    width: 82.2%;
    margin: 0 auto;
  }
  .item_box:nth-child(2n) {
    margin-left: 4.4%;
  }
  .category_child_list {
    margin-bottom: 3.2rem;
    border: 1px solid #d6d6d6;
  }
  .category_child_list .accordion {
    position: relative;
    padding: 0.9rem 1.6rem;
  }
  .category_child_list .accordion::before, .category_child_list .accordion::after {
    position: absolute;
    top: 50%;
    display: block;
    background: #9b9b9b;
    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .category_child_list .accordion::before {
    right: 1.6rem;
    width: 1.5rem;
    height: 0.2rem;
  }
  .category_child_list .accordion::after {
    right: 2.2rem;
    width: 0.2rem;
    height: 1.5rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .category_child_list .accordion.active::after {
    background: transparent;
  }
  .category_child_list_wrap {
    display: none;
  }
  .category_child_list_wrap li {
    border-top: 1px solid #d6d6d6;
  }
  .category_child_list_wrap li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    padding: 0.9rem 1.6rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
  .category_child_list_wrap li a::after {
    margin-left: 0.8rem;
    font-family: Font Awesome\ 5 Free;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #9b9b9b;
    content: "";
  }
  .mynavi_list {
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    background: #f5f5f5;
  }
  .mynavi_list li {
    border: 1px solid #d6d6d6;
    background: #fff;
  }
  .mynavi_list li:nth-child(2n) {
    margin-left: 4.4%;
  }
  .mynavi_list li:not(:last-child) {
    margin-bottom: 0.8rem;
  }
  .mynavi_list li:last-of-type {
    margin-left: 0;
  }
  .order_history_box {
    margin-bottom: 3.2rem;
  }
  .order_history_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-pack: justify;
        -ms-flex-align: baseline;
    margin-bottom: 0.8rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
            align-items: baseline;
  }
  .order_history_box dl dt {
    width: 34.6%;
  }
  .order_history_box dl dd {
    width: 60.6%;
  }
  .guide_menu_list {
    margin-bottom: 1.6rem;
    padding: 1.6rem;
    background: #f5f5f5;
  }
  .guide_menu_list li {
    border: 1px solid #d6d6d6;
    background: #fff;
  }
  .guide_menu_list li:nth-child(2n) {
    margin-left: 4.4%;
  }
  .guide_menu_list li:not(:last-child) {
    margin-bottom: 0.8rem;
  }
  .guide_menu_list li:last-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 1100px) and (min-width: 1024px) {
  .search {
    right: calc(50% - 36rem);
  }
}
@media print, screen and (min-width: 1024px) and (min-width: 1024px) {
  #footer_category_wrap .category_wrap {
    padding: 2.4rem 1.6rem;
  }
}
@media print, screen and (min-width: 1024px) and (min-width: 1200px) {
  #footer_category_wrap .category_wrap {
    padding: 2.4rem 0;
  }
}
@media screen and (max-width: 767px) and (min-width: 1024px) {
  .category_child_list .accordion::before {
    right: 0.8rem;
    width: 1.3rem;
  }
  .category_child_list .accordion::after {
    right: 1.3rem;
    height: 1.3rem;
  }
  .category_child_list_wrap li a {
    padding: 0.8rem;
  }
}
@media print {
  body {
    overflow: visible !important;
    zoom: 75%;
    width: 100%;
    -webkit-print-color-adjust: exact;
  }
  header, .pc-none, #search, .lg-none {
    display: none;
  }
}
/*# sourceMappingURL=../map/style.css.map */