@charset "UTF-8";
@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: normal;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong,
em {
  font-style: normal;
  font-weight: normal;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

:root {
  --c-blk: #000;
  --c-beg: #d6cbac;
  --c-wht: #fff;
  --ff-noto: "Noto Sans JP", sans-serif;
}

html, body {
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}

body {
  line-height: 1.7;
  font-size: 16px;
  font-family: var(--ff-noto);
  font-weight: normal;
  color: var(--c-blk);
  background: var(--c-beg);
}

img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
input[type=button], input[type=text], input[type=submit] {
  -webkit-adiappearance: none;
  border-radius: 0;
}

input[type=text], textarea {
  padding: 8px;
  border: 1px solid var(--c-blk);
  border-radius: 0;
}

select {
  padding: 5px;
}

select:invalid, option:first-child {
  color: #888;
}

/*
**************************************************************************
*	pamouna-ec style.css
**************************************************************************/
/* --------------------------------------------------
		foundation
-------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20210126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* update 2021.11.15 追加 */
@font-face {
  font-family: "Renogare";
  src: url("../fonts/Renogare.otf") format("opentype"), url("../fonts/Renogare.woff") format("woff");
}
/**/
* {
  box-sizing: border-box;
}

html {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 62.5%;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}

body {
  position: relative;
  overflow-x: hidden;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #3C3C3C;
}

a {
  outline: none;
  color: #3C3C3C;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #3C3C3C;
}

input::-ms-clear {
  visibility: hidden;
}

input::-ms-reveal {
  visibility: hidden;
}

input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type=range] {
  width: 100%;
  border-radius: 10px 10px;
  background: -webkit-linear-gradient(top, #E5E5E5, #FDFDFD);
  background: linear-gradient(to bottom, #E5E5E5, #FDFDFD);
  cursor: pointer;
  box-shadow: 0 6px 0 #FFFFFF inset;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50% 50%;
  background-color: #E5E5E5;
  border: 2px solid rgba(0, 0, 0, 0.2);
}

input[type=range]::-ms-tooltip {
  display: none;
}

textarea {
  resize: vertical;
}
/* --------------------------------------------------
		layout
-------------------------------------------------- */
.ec-layoutRole {
  overflow: hidden; /** update 2022.12.09 追加 **/
  background-color: #FAFAFA;
}

.ec-layoutRole__header {
  position: fixed;
  z-index: 600;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
  transition: transform 0.4s ease;
}

.ec-layoutRole__header.is-moveDown {
  transform: translateY(-100%);
}

.ec-layoutRole__contents {
  position: relative;
  padding-top: 110px;
  display: block !important;
  max-width: none !important;
  word-break: break-all;
}

.ec-overlayRole {
  position: fixed;
  z-index: 590;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  opacity: 1;
  transition: unset;
  transform: none;
  visibility: visible;
}

.ec-drawerRoleClose {
  display: none;
}

.ec-drawerRole {
  position: fixed;
  z-index: 591;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transform: translateY(-100%);
  transition: top 0.4s cubic-bezier(0.77, 0, 0.175, 1), transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.have_curtain .ec-drawerRole {
  top: 70px;
  transform: translateY(0);
}

.ec-blockTopBtn {
  width: auto;
  height: auto;
  opacity: 1;
  background-color: transparent;
}

.l-headerRole-navTop {
  position: relative;
  background-color: #D6CBAC;
}

.l-headerRole-navTop__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 20px 0 40px;
}

.l-headerRole-navTop__menu {
  display: none;
}

/** update 2021.11.15 追加 **/
.l-headerRole-navTop__logo {
  width: 210px;
  line-height: 1;
}

/**/
.l-headerRole-navTop__other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-headerRole-navTop__other-search {
  position: relative;
  margin-right: 20px;
}

.l-headerRole-navTop__other-search input {
  width: 210px;
  padding: 5px 10px 5px 35px;
  border-bottom: 1px solid #FFFFFF;
}

.l-headerRole-navTop__other-search input:-ms-input-placeholder {
  color: #FFFFFF;
}

.l-headerRole-navTop__other-search input::placeholder {
  color: #FFFFFF;
}

.l-headerRole-navTop__other-search button {
  position: absolute;
  top: 8px;
  left: 0;
  width: 24px;
  height: 20px;
  cursor: pointer;
  background-image: url(../img/icon_search_white.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

.l-headerRole-navTop__other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-headerRole-navTop__other-list li {
  padding: 0 10px;
}

.l-headerRole-navTop__other-list li a {
  display: block;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.2rem;
  transition: opacity 0.2s ease;
}

.l-headerRole-navTop__other-list li a:hover {
  opacity: 0.8;
}

.l-headerRole-navTop__other-list li a img {
  width: 24px;
  height: 20px;
}

.l-headerRole-navTop__other-list li a span {
  display: block;
}

.l-headerRole-navBottom {
  position: relative;
  background-color: #FFFFFF;
}

.l-headerRole-navBottom__inner {
  max-width: 1240px;
  margin: 0 auto;
}

.l-headerRole-navBottom__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-headerRole-navBottom__list > li > a {
  display: block;
  padding: 13px 50px;
  transition: background-color 0.2s ease;
}
.l-headerRole-navBottom__list > li > a:hover,
.l-headerRole-navBottom__list > li > a.is-active {
  background-color: #F2F2F2;
}

.l-headerRole-navBottom__list-sub {
  position: fixed;
  z-index: -1;
  top: 110px;
  left: 0;
  width: 100%;
  background-color: #F2F2F2;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

.l-headerRole-navBottom__list-sub.is-active {
  transform: translateY(0);
}

.is-click .l-headerRole-navBottom__list-sub {
  transition: transform 0s;
}

.l-headerRole-navBottom__list-sub__inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-headerRole-navBottom__left {
	width: 160px;
	margin: 10px 40px 0 0;
}
@media screen and (max-width: 1000px) {
.l-headerRole-navBottom__left {
	display: none;
}
}
.l-headerRole-navBottom__left li {
	margin-top: 10px;
}
.l-headerRole-navBottom__left li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	font-size: 1.4rem;
	border-radius: 20px 20px;
	transition: color .2s ease,
				background-color .2s ease;
}
.l-headerRole-navBottom__left li a:hover,
.l-headerRole-navBottom__left li.is-active a {
	color: #FFFFFF;
	background-color: #000000;
}
.l-headerRole-navBottom__list-sub-switch {
  width: 160px;
  margin: 10px 40px 0 0;
}
.l-headerRole-navBottom__list-sub-switch li {
  margin-top: 10px;
}

.l-headerRole-navBottom__list-sub-switch li a {
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 1.4rem;
  border-radius: 20px 20px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.l-headerRole-navBottom__list-sub-switch li a:hover,
.l-headerRole-navBottom__list-sub-switch li.is-active a {
  color: #FFFFFF;
  background-color: #000000;
}

.l-headerRole-navBottom__list-sub-list {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.type--product .l-headerRole-navBottom__list-sub-list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -5px;
}

.type--product .l-headerRole-navBottom__list-sub-list li {
  width: 25%;
  padding: 0 2%;
  margin-top: 10px;
}

.type--product .l-headerRole-navBottom__list-sub-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 10px;
  font-size: 1.4rem;
  height: 100%;
  border-bottom: 1px solid #E5E5E5;
  transition: background-color 0.2s ease;
}

.type--product .l-headerRole-navBottom__list-sub-list li a:hover {
  background-color: #E5E5E5;
}

.type--product .l-headerRole-navBottom__list-sub-list li a .image {
  width: 45px;
  margin-right: 15px;
}

.type--product .l-headerRole-navBottom__list-sub-list li a .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5;
}

.type--order .l-headerRole-navBottom__list-sub-list li {
  width: 16.6666666667%;
  max-width: 125px;
  margin: 0 1%;
}

.type--order .l-headerRole-navBottom__list-sub-list li a {
  position: relative;
  display: block;
  border-radius: 6px 6px;
  overflow: hidden;
  background-color: #FFFFFF;
  text-align: center;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.type--order .l-headerRole-navBottom__list-sub-list li a:hover {
  color: #FFFFFF;
  background-color: #000000;
}

.type--order .l-headerRole-navBottom__list-sub-list li .image {
  position: relative;
  overflow: hidden;
  height: 125px;
}

.type--order .l-headerRole-navBottom__list-sub-list li .image img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 125px;
  max-width: none;
  transform: translateX(-50%);
  transition: transform 0.3s ease;
}

.type--order .l-headerRole-navBottom__list-sub-list li a:hover .image img {
  transform: translateX(-50%) scale(1.05);
}

.type--order .l-headerRole-navBottom__list-sub-list li .text {
  padding: 7px 0;
  font-size: 1.4rem;
}

.l-headerRole-navBottom__list > li.type--b {
  position: relative;
}

.type--b .l-headerRole-navBottom__list-sub {
  position: absolute;
  top: 50px;
}

.type--b .l-headerRole-navBottom__list-sub__inner {
  padding: 0 0;
}

.type--b .l-headerRole-navBottom__list-sub-list {
  display: block;
}

.type--b .l-headerRole-navBottom__list-sub-list li {
  border-top: 1px solid #FFFFFF;
}

.type--b .l-headerRole-navBottom__list-sub-list li a {
  display: block;
  padding: 13px 15px;
  text-align: center;
  transition: background-color 0.2s ease;
}

.type--b .l-headerRole-navBottom__list-sub-list li a:hover {
  background-color: #E5E5E5;
}

.l-footerRole__wrap {
  background: #fafafa;
}
.l-footerRole-howto__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-footerRole-howto__list li {
  position: relative;
  text-align: center;
  width: 25%;
  padding: 0 3.3333333333%;
}

.l-footerRole-howto__list li .image {
  margin-bottom: 15px;
}

.l-footerRole-howto__list li .image img {
  width: 132px;
  height: 86px;
}

.l-footerRole-howto__list li .title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 15px;
}

.l-footerRole-howto__list li .text {
  margin-bottom: 20px;
  text-align: left;
}

.l-footerRole-nav {
  padding: 100px 0;
  background-color: #000000;
}

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

.l-footerRole-nav__box-nav {
  padding-right: 30px;
  width: 700px;
}

.l-footerRole-nav__box-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-footerRole-nav__box-nav__list > li {
  width: 33.3333333333%;
}

.l-footerRole-nav__box-nav__list ul li {
  margin-bottom: 8px;
}

.l-footerRole-nav__box-nav__list ul li a {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  transition: opacity 0.2s ease;
}

.l-footerRole-nav__box-nav__list ul li a:hover {
  opacity: 0.8;
}

.l-footerRole-nav__box-link__logo {
  margin-bottom: 35px;
  width: 210px; /** update 2021.11.15 追加 **/
}

.l-footerRole-nav__box-link__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /** update 2021.11.15 追加 **/
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /**/
  margin-left: -10px;
}

.l-footerRole-nav__box-link__list li {
  margin: 0 10px;
  width: 35px;
}

.l-footerRole-copyright {
  border-top: 1px solid #FFFFFF;
  padding: 20px 0;
  background-color: #000000;
  text-align: center;
}

.l-footerRole-copyright__text {
  text-align: center;
  font-size: 1.2rem;
  color: #FFFFFF;
}

.l-drawerRole-nav {
  display: none;
}

.l-2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

.l-2col__left {
  width: 200px;
}

.l-2col__right {
  width: calc(100% - 200px);
  padding-left: 4.1666666667%;
}

.l-2col .u-cts__inner {
  padding: 0 0;
}

/** update 2021.11.15 **/
/**/
/** update 2021.11.15 追加 **/
/**/
/* --------------------------------------------------
		component
-------------------------------------------------- */
.c-h1__title--a {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D1D1D1;
}

.c-h2__title--a {
  color: #9F9F9F;
  margin-bottom: 30px;
}

.c-h2__title--a span {
  display: inline-block;
  font-size: 3rem;
  font-weight: 400; /** update 2021.11.15 修正 **/
  line-height: 1.2;
  padding-right: 20px;
  color: #3C3C3C;
}

.c-h2__title--b {
  font-weight: 700;
  font-size: 2.3rem;
  margin-bottom: 30px;
}

.c-h2__title--b .u-font--renogare { /** update 2021.11.15 クラス名修正 **/
  /*.c-h2__title--b .u-font--en {*/
  display: block;
  font-size: 8rem;
  color: #EBEBEB;
  line-height: 1;
  white-space: nowrap;
  font-weight: 400; /** update 2021.11.15 追加 **/
}

.c-h3__title--a {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 30px;
  padding-top: 50px;
  border-top: 1px solid #DEDEDE;
}

.c-button--line {
  text-decoration: underline;
}

.c-button--line:hover {
  text-decoration: none;
}

.c-button--a {
  display: inline-block;
  transition: opacity 0.2s ease;
}

.c-button--a:hover {
  opacity: 0.8;
}

.c-button--b {
  position: relative;
  display: block;
  border: 2px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding: 11px 0;
  font-family: "Open Sans", sans-serif;
  margin: 0 auto;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--b:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.c-button--c {
  position: relative;
  display: block;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding: 11px 0;
  border-radius: 30px 30px;
  font-family: "Open Sans", sans-serif;
  margin: 0 auto;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--c:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.c-button--d {
  position: relative;
  display: block;
  border: 2px solid #000000;
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding: 11px 0;
  border-radius: 30px 30px;
  font-family: "Open Sans", sans-serif;
  margin: 0 auto;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--d:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.c-button--e {
  position: relative;
  display: block;
}

.c-button--e .image {
  position: relative;
  overflow: hidden;
}

.c-button--e .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.c-button--e:hover .image img {
  transform: translate(-50%, -50%) scale(1.05);
}

.c-button--f {
  position: relative;
  display: block;
}

.c-button--f .image {
  position: relative;
  overflow: hidden;
}

.c-button--f .image img {
  transform: rotate(0.01deg);
  transition: transform 0.3s ease;
}

.c-button--f:hover .image img {
  transform: scale(1.05);
}

.c-button--g {
  position: relative;
  display: block;
  border: 2px solid #C7A344;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  padding: 11px 0;
  margin: 0 auto;
  border-radius: 30px 30px;
  background-color: #C7A344;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--g:hover {
  background-color: #FFFFFF;
  color: #C7A344;
}

.c-button--h {
  position: relative;
  display: block;
  border: 2px solid #000000;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  padding: 11px 0;
  margin: 0 auto;
  border-radius: 30px 30px;
  background-color: #000000;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--h:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.c-button--h span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  background-image: url(../img/icon_cart.svg);
  background-repeat: no-repeat;
  background-position: left center;
}

.c-button--h span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  background-image: url(../img/icon_cart_black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.c-button--h:hover span:before {
  opacity: 1;
}

.c-button--i {
  position: relative;
  display: block;
  border: 2px solid #000000;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  padding: 11px 30px;
  margin: 0 auto;
  background-color: #000000;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.c-button--i:before {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  right: 14px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  transform: rotate(-135deg);
  transition: border-color 0.2s ease;
}

.c-button--i:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.c-button--i:hover:before {
  border-color: #000000;
}

.c-button--i.is-active:before {
  top: calc(50% - 2px);
  transform: rotate(45deg);
}

.c-button--j {
  position: relative;
  display: inline-block;
  text-decoration: underline;
}

.c-button--j:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #3C3C3C;
  border-left: 1px solid #3C3C3C;
  transform: rotate(135deg);
  top: -0.1em;
  margin-left: 5px;
}

.c-button--j:hover {
  text-decoration: none;
}

/** update 2021.10.27 追加 **/
.c-button--k {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #CECECE;
  border-radius: 50% 50%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.c-button--k.is-active {
  background-color: #D5A72D;
}

.c-button--k:hover {
  opacity: 0.8;
}

/**/
.c-movie__box {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.c-movie__box video,
.c-movie__box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-list--a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -30px -15px 0;
}

.c-list--a > li {
  margin-top: 30px;
  padding: 0 15px;
  width: 33.3333333333%;
}

.c-list--b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

.c-list--b > li {
  margin-top: 20px;
  padding: 0 10px;
  width: 25%;
}

.c-list--c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

.c-list--c > li {
  margin-top: 20px;
  padding: 0 10px;
  width: 33.3333333333%;
}

.c-select--a {
  position: relative;
  display: inline-block;
}

.c-select--a:before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: 14px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  transform: rotate(-135deg);
  pointer-events: none;
}

.c-select--a select {
  border: 1px solid #B7B7B7;
  border-radius: 4px 4px;
  padding: 8px 34px 8px 10px;
  min-width: 160px;
  width: 100%;
  cursor: pointer;
}

/** update 2021.10.13 追加 **/
.c-select--a select option:disabled {
  color: #dddddd;
}

/**/
.c-input--a {
  position: relative;
  display: inline-block;
}

.c-input--a input {
  border: 1px solid #B7B7B7;
  border-radius: 4px 4px;
  padding: 8px 10px;
  min-width: 160px;
  width: 100%;
}

.c-box--a {
  border-radius: 10px 10px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  padding: 60px 12% 80px;
}

.c-table--a table {
  width: 100%;
}

.c-table--a table tr {
  border-bottom: 1px solid #C4C4C4;
}

.c-table--a table tr:last-child {
  border-bottom: none;
}

.c-table--a table th {
  width: 30%;
  text-align: left;
  font-weight: bold;
  padding: 30px 30px 30px 0;
}

.c-table--a table td {
  width: 70%;
  padding: 30px 30px;
}
/* --------------------------------------------------
		project
-------------------------------------------------- */
.pagetop {
  position: fixed;
  z-index: 500;
  bottom: 30px;
  right: 30px;
  display: none;
}

.pagetop a {
  position: relative;
  display: block;
  font-size: 0;
  width: 50px;
  height: 50px;
  background-color: #000000;
  border: 2px solid #000000;
  border-radius: 50% 50%;
  transition: background-color 0.2s ease;
}

.pagetop a:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  transform: rotate(45deg);
  transition: border-color 0.2s ease;
}

.pagetop a:hover {
  background-color: #FFFFFF;
}

.pagetop a:hover:before {
  border-color: #000000;
}

.p-instagram__title {
  text-align: center;
  margin-bottom: 50px;
}

.p-instagram__title img {
  width: 55px;
}

.p-instagram__title span {
  display: block;
  font-size: 4rem;
  font-weight: 400; /** update 2021.11.15 修正 **/
  line-height: 1.2;
}

.p-instagram__list {
  max-width: 1490px;
  margin: 0 auto;
  padding: 0 20px;
}

.p-customerReview {
  margin-top: 100px;
  padding-bottom: 100px;
  background: -webkit-linear-gradient(right, #E9DEBE, #FFFAED);
  background: linear-gradient(to left, #E9DEBE, #FFFAED);
}

.p-customerReview__title {
  text-align: center;
  font-size: 2rem;
  font-weight: 400; /** update 2021.11.15 修正 **/
  color: #C9B06F;
  margin-bottom: 50px;
}

.p-customerReview__title span {
  display: block;
  font-size: 4rem;
  line-height: 1.2;
}

/** update 2022.12.05 追加&修正 **/
.p-customerReview__list-wrap {
  position: relative;
  margin-bottom: 60px;
}

.p-customerReview__list {
  position: static;
  max-width: 364px;
  margin: 0 auto;
  padding: 0 20px;
}

.p-customerReview__list.non-slick {
  max-width: none;
  text-align: center;
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.p-customerReview__list .item {
  width: 300px;
  margin: 0 12px;
}

.p-customerReview__list.non-slick .item {
  text-align: left;
  display: inline-block;
  letter-spacing: 0;
  white-space: normal;
}

/* ↑ 2022.12.05 */
.p-customerReview__list .item > * {
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 10px 10px;
  height: 100%;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.p-customerReview__list .body {
  padding: 20px 15px;
}

.p-customerReview__list .body .star {
  width: 105px;
  height: 16px;
  background-image: url(../img/icon_star.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.p-customerReview__list .body .star--2 {
  background-position: 0 25%;
}

.p-customerReview__list .body .star--3 {
  background-position: 0 50%;
}

.p-customerReview__list .body .star--4 {
  background-position: 0 75%;
}

.p-customerReview__list .body .star--5 {
  background-position: 0 100%;
}

.p-customerReview__list .body .title {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 10px;
}

.p-customerReview__vote {
  width: 300px;
  margin: 0 auto;
}

/** update 2022.12.05 追加&修正 **/
.p-scene__list-wrap {
  position: relative;
}

.p-scene__list {
  position: static;
  max-width: 364px;
  margin: 0 auto;
  padding: 0 20px;
}

.p-scene__list.non-slick {
  max-width: none;
  text-align: center;
  letter-spacing: -0.4em;
  white-space: nowrap;
}

.p-scene__list .item {
  width: 300px;
  margin: 0 12px;
}

.p-scene__list.non-slick .item {
  text-align: left;
  display: inline-block;
  letter-spacing: 0;
}

/* ↑ 2022.12.05 */
.p-scene__list .item > * {
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 10px 10px;
  height: 100%;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.p-scene__list .item .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px 15px;
}

.p-scene__list .item .body .icon {
  width: 40px;
  border-radius: 50% 50%;
  overflow: hidden;
  margin-right: 15px;
}

.p-scene__list .item .body .box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-scene__list .item .body .text {
  font-size: 1.4rem;
}

.p-scene__list .item .body .user {
  color: #A0A0A0;
  font-size: 1.2rem;
}

.p-news__list li {
  border-bottom: 1px solid #D1D1D1;
}

.p-news__list li > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.p-news__list li a {
  transition: background-color 0.2s ease;
}

.p-news__list li a:hover {
  background-color: #E5E5E5;
}

.p-news__list li .date {
  position: relative;
  width: 110px;
  font-weight: bold;
  line-height: 1;
  padding-left: 10px;
  left: 0;
  transition: left 0.2s ease;
}

.p-news__list li a:hover .date {
  left: 5px;
}

.p-news__list li .date span {
  display: block;
  font-size: 5.4rem;
}

.p-news__list li .body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
}

.p-news__list li .body .category {
  width: 130px;
  color: #B2B2B2;
}

.p-news__list li .body .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 10px;
}

.p-breadcrumbs {
  padding: 0 0 15px 0 !important;
}

.p-breadcrumbs__list {
  letter-spacing: -0.4em;
}

.p-breadcrumbs__list li {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  margin-right: 10px;
  padding-right: 10px;
}

.p-breadcrumbs__list li:after {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  right: -3px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #B7B7B7;
  border-left: 2px solid #B7B7B7;
  transform: rotate(135deg);
}

.p-breadcrumbs__list li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.p-breadcrumbs__list li:last-child:after {
  content: none;
}

.p-breadcrumbs__list li a {
  color: #B7B7B7;
  transition: opacity 0.2s ease;
}

.p-breadcrumbs__list li a:hover {
  opacity: 0.8;
}

.p-slick--a .slick-list {
  overflow: visible;
}

.p-slick--a .slick-arrow {
  position: absolute;
  z-index: 10;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-color: #FFFFFF;
  font-size: 0;
  border-radius: 50% 50%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.p-slick--a .slick-arrow:hover {
  opacity: 0.8;
}

.p-slick--a .slick-arrow:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
}

.p-slick--a .slick-prev {
  left: 35px;
}

.p-slick--a .slick-prev:before {
  left: calc(50% - 3px);
  transform: rotate(-45deg);
}

.p-slick--a .slick-next {
  right: 35px;
}

.p-slick--a .slick-next:before {
  left: calc(50% - 6px);
  transform: rotate(135deg);
}

.p-slick--b .slick-list {
  overflow: visible;
}

.p-slick--b .slick-arrow {
  position: absolute;
  z-index: 10;
  top: calc(50% - 35px);
  width: 70px;
  height: 70px;
  background-color: #000000;
  font-size: 0;
  border-radius: 50% 50%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.p-slick--b .slick-arrow:hover {
  opacity: 0.8;
}

.p-slick--b .slick-arrow:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: calc(50% - 6px);
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.p-slick--b .slick-prev {
  left: -40px;
}

.p-slick--b .slick-prev:before {
  left: calc(50% - 5px);
  transform: rotate(-45deg);
}

.p-slick--b .slick-next {
  right: -40px;
}

.p-slick--b .slick-next:before {
  left: calc(50% - 9px);
  transform: rotate(135deg);
}

.p-slick--c .slick-arrow {
  position: absolute;
  z-index: 10;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 0;
  border-radius: 50% 50%;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.p-slick--c .slick-arrow:hover {
  opacity: 0.8;
}

.p-slick--c .slick-arrow:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: calc(50% - 4px);
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
}

.p-slick--c .slick-prev {
  left: 15px;
}

.p-slick--c .slick-prev:before {
  left: calc(50% - 3px);
  transform: rotate(-45deg);
}

.p-slick--c .slick-next {
  right: 15px;
}

.p-slick--c .slick-next:before {
  left: calc(50% - 6px);
  transform: rotate(135deg);
}

.p-productSideList > li + li {
  margin-top: 40px;
}

.p-productSideList__title {
  font-size: 1.8rem;
  line-height: 1.3;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #939393;
}

.p-productSideList__list--a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px 0;
}

.p-productSideList__list--a li {
  margin: 10px 5px 0;
}

.p-productSideList__list--a li > * {
  display: block;
  width: 40px;
  border-radius: 50% 50%;
  overflow: hidden;
  border: 2px solid #FDFDFD;
}

.p-productSideList__list--a li a:hover,
.p-productSideList__list--a li a.is-active {
  border-color: #000000;
}

.p-productSideList__list--b {
  margin-top: -5px;
}

.p-productSideList__list--b li {
  border-bottom: 1px solid #DDDDDD;
}

.p-productSideList__list--b li > * {
  display: block;
  padding: 10px 10px;
}

.p-productSideList__list--b li a {
  transition: background-color 0.2s ease;
}

.p-productSideList__list--b li a:hover,
.p-productSideList__list--b li a.is-active {
  background-color: #E5E5E5;
}

.p-productSideList__slider {
  text-align: center;
}

.p-productSideSelect {
  background-color: #F2F2F2;
  border-radius: 6px 6px;
  margin-bottom: 30px;
}

.p-productSideSelect-box {
  padding: 15px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-productSideSelect__clear a {
  color: #6DA0CC;
  font-size: 1.4rem;
  transition: color 0.2s ease;
}

.p-productSideSelect__clear a:hover {
  color: #2490D0;
}

.p-productSideSelect__list {
  border-top: 1px solid #C4C4C4;
  padding: 15px 15px;
  letter-spacing: -0.4em;
}

.p-productSideSelect__list li {
  display: inline-block;
  letter-spacing: 0;
  margin-top: 2px;
}

.p-productSideSelect__list a {
  position: relative;
  color: #939393;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  transition: color 0.2s ease;
}

.p-productSideSelect__list a:hover {
  color: #2490D0;
}

.p-productSideSelect__list a span {
  position: relative;
  display: inline-block;
  padding-right: 12px;
  margin-right: 12px;
  vertical-align: middle;
}

.p-productSideSelect__list a span:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 10px;
  border-top: 1px solid #939393;
  transform: rotate(45deg);
  transition: border-color 0.2s ease;
}

.p-productSideSelect__list a span:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 10px;
  border-top: 1px solid #939393;
  transform: rotate(-45deg);
  transition: border-color 0.2s ease;
}

.p-productSideSelect__list a:hover span:before,
.p-productSideSelect__list a:hover span:after {
  border-color: #2490D0;
}

.p-pager {
  position: relative;
  margin-top: 50px;
  text-align: center;
  letter-spacing: -0.4em;
}

.p-pager > * {
  position: relative;
  letter-spacing: 0;
  /*height: 35px;*/ /** update 2021.10.27 修正 **/
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  line-height: 33px;
}

.p-pager .p-pager__prev,
.p-pager .p-pager__next {
  font-size: 0;
  width: 35px;
}

.p-pager .p-pager__prev:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  left: 14px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  transform: rotate(-45deg);
  transition: left 0.2s ease;
}

.p-pager .p-pager__prev:hover:before {
  left: 10px;
}

.p-pager .p-pager__next:before {
  content: "";
  position: absolute;
  top: calc(50% - 5px);
  right: 14px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  transform: rotate(135deg);
  transition: right 0.2s ease;
}

.p-pager .p-pager__next:hover:before {
  right: 10px;
}

.p-pager .p-pager__num {
  width: 35px;
  border: 1px solid #000000;
  border-radius: 2px 2px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.p-pager .p-pager__num:hover,
.p-pager .p-pager__num.is-active {
  color: #FFFFFF;
  background-color: #000000;
}

.p-pager .p-pager__total {
  display: none;
}

.p-recommendList .tag {
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #DECA8F;
  font-size: 1.4rem;
  padding: 4px 10px;
}

.p-recommendList .body {
  padding-top: 10px;
}

.p-recommendList .body {
  padding-top: 10px;
}

.p-recommendList .brand {
  font-size: 1.4rem;
  color: #777777;
}

.p-recommendList .name {
  line-height: 1.3;
}

.p-recommendList .price {
  font-size: 1.8rem;
}

.p-guideBox__inner {
  margin-top: 60px;
}

.p-guideBox__title {
  font-size: 2rem;
  font-weight: bold;
  background-color: #D1D1D1;
  color: #000000;
  border-radius: 10px 10px;
  padding: 15px 30px;
  margin-bottom: 30px;
}

.p-guideBox__subtitle {
  border-left: 10px solid #080808;
  font-size: 2rem;
  margin: 40px 0 30px;
  padding-left: 20px;
}

.p-guideBox__title + .p-guideBox__subtitle {
  margin-top: 0;
}

/* update 2022.01.11 追加 */
.p-guideBox__smalltitle {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}

.p-guideBox__smalltitle .u-font--renogare {
  font-weight: 400;
}

/* ↑ 2022.01.11 */
.p-guideBox__body {
  margin-left: 30px;
}

/* update 2021.11.22 削除 */
/*.p-guideBox__body p.image {
	margin-bottom: 20px;
}*/
/* update 2021.11.10 修正&追加 */
.p-guideBox__body > * + * {
  margin-top: 1.5em;
}

.p-guideBox__body ul.index > li {
  margin-left: 1em;
  text-indent: -1em;
}

/* update 2021.11.22 削除 */
/*.p-guideBox__body ul.index > li > * {
	margin-left: 1.0em;
}*/
.p-guideBox__body ul > li {
  margin-top: 0.3em;
}

.p-guideBox__body .mt00 {
  margin-top: 0;
}

.p-guideBox__body .mt05 {
  margin-top: 0.5em;
}

.p-guideBox__body .mt10 {
  margin-top: 1em;
}

.p-guideBox__body .mt15 {
  margin-top: 1.5em;
}

.p-guideBox__body .mt20 {
  margin-top: 2em;
}

.p-guideBox__body .mb00 {
  margin-bottom: 0;
}

.p-guideBox__body .mb05 {
  margin-bottom: 0.5em;
}

.p-guideBox__body .mb10 {
  margin-bottom: 1em;
}

.p-guideBox__body .mb15 {
  margin-bottom: 1.5em;
}

.p-guideBox__body .mb20 {
  margin-bottom: 2em;
}

/**/
/* update 2022.01.11 追加 */
.p-guideBox__body .image-s {
  max-width: 750px;
  margin: 1.5em auto 0;
}

.p-guideBox__subtitle[class*=logo-] {
  border-left: none;
  font-size: 0;
  margin: 40px auto 30px;
  padding-left: 0;
}

.p-guideBox__subtitle.logo-store {
  width: 390px;
}

.p-guideBox__subtitle.logo-ituki {
  width: 130px;
}

/* ↑ 2022.01.11 */
.p-termsList > li + li {
  margin-top: 50px;
}

.p-termsList > li h2 {
  font-weight: bold;
  margin-bottom: 10px;
}

.p-termsList > li .tl {
  text-indent: 0;
  margin-left: -1em;
}

.p-termsList > li ul li,
.p-termsList > li ul.ms li {
  margin-top: 0.3em;
  margin-left: 1em;
  text-indent: -1em;
}

.p-termsList > li ul.mr > li + li {
  margin-top: 0.8em;
}

/** update 2022.01.11 追加 **/
.p-range-separate {
  position: relative;
}

.p-range-separate input[type=range] {
  position: relative;
  z-index: 1;
  background: transparent;
  box-shadow: none;
}

.p-range-separate .line {
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  padding: 6px 10px 2px;
  height: 18px;
  border-radius: 10px 10px;
  background: -webkit-linear-gradient(top, #E5E5E5, #FDFDFD);
  background: linear-gradient(to bottom, #E5E5E5, #FDFDFD);
  box-shadow: 0 6px 0 #ffffff inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-range-separate .line li {
  width: 1px;
  background-color: #CBCBCB;
}

.p-range-separate .line li:first-child {
  background-color: transparent;
}

.p-range-separate .line.line-4 li:nth-child(4) {
  background-color: transparent;
}

.p-range-separate .line.line-4 li:nth-child(n+5) {
  display: none;
}

.p-range-separate .line.line-5 li:nth-child(5) {
  background-color: transparent;
}

.p-range-separate .line.line-5 li:nth-child(n+6) {
  display: none;
}

.p-range-separate .line.line-6 li:nth-child(6) {
  background-color: transparent;
}

.p-range-separate .line.line-6 li:nth-child(n+7) {
  display: none;
}

.p-range-separate .line.line-7 li:nth-child(7) {
  background-color: transparent;
}

.p-range-separate .line.line-7 li:nth-child(n+8) {
  display: none;
}

.p-range-separate .line.line-8 li:nth-child(8) {
  background-color: transparent;
}

.p-range-separate .line.line-8 li:nth-child(n+9) {
  display: none;
}

.p-range-separate .line.line-9 li:nth-child(9) {
  background-color: transparent;
}

.p-range-separate .line.line-9 li:nth-child(n+10) {
  display: none;
}

.p-range-separate .line.line-10 li:nth-child(10) {
  background-color: transparent;
}

/* ↑ 2022.01.11 */
/* update 2023.01.25 追加 */
.p-pageloader {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D0B978;
}

.p-pageloader__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p-pageloader__circle {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
}

.p-pageloader__circle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-pageloader__circle span:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFFFFF;
  border-radius: 100%;
  animation: pLoaderCircle 1.2s infinite ease-in-out both;
}

.p-pageloader__circle span:nth-child(2) {
  transform: rotate(30deg);
}

.p-pageloader__circle span:nth-child(2):before {
  animation-delay: -1.1s;
}

.p-pageloader__circle span:nth-child(3) {
  transform: rotate(60deg);
}

.p-pageloader__circle span:nth-child(3):before {
  animation-delay: -1s;
}

.p-pageloader__circle span:nth-child(4) {
  transform: rotate(90deg);
}

.p-pageloader__circle span:nth-child(4):before {
  animation-delay: -0.9s;
}

.p-pageloader__circle span:nth-child(5) {
  transform: rotate(120deg);
}

.p-pageloader__circle span:nth-child(5):before {
  animation-delay: -0.8s;
}

.p-pageloader__circle span:nth-child(6) {
  transform: rotate(150deg);
}

.p-pageloader__circle span:nth-child(6):before {
  animation-delay: -0.7s;
}

.p-pageloader__circle span:nth-child(7) {
  transform: rotate(180deg);
}

.p-pageloader__circle span:nth-child(7):before {
  animation-delay: -0.6s;
}

.p-pageloader__circle span:nth-child(8) {
  transform: rotate(210deg);
}

.p-pageloader__circle span:nth-child(8):before {
  animation-delay: -0.5s;
}

.p-pageloader__circle span:nth-child(9) {
  transform: rotate(240deg);
}

.p-pageloader__circle span:nth-child(9):before {
  animation-delay: -0.4s;
}

.p-pageloader__circle span:nth-child(10) {
  transform: rotate(270deg);
}

.p-pageloader__circle span:nth-child(10):before {
  animation-delay: -0.3s;
}

.p-pageloader__circle span:nth-child(11) {
  transform: rotate(300deg);
}

.p-pageloader__circle span:nth-child(11):before {
  animation-delay: -0.2s;
}

.p-pageloader__circle span:nth-child(12) {
  transform: rotate(330deg);
}

.p-pageloader__circle span:nth-child(12):before {
  animation-delay: -0.1s;
}

/* update 2023.02.08 追加 */
.p-pageloader__logo {
  width: 360px;
  margin: 0 auto 20px;
}

/* ↑ 2023.02.08 */
.p-pageloader__text {
  text-align: center;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  animation: pLoaderText 0.8s infinite ease-in-out both;
}

@keyframes pLoaderCircle {
  0% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
  80% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes pLoaderText {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* ↑ 2023.01.25 */
/* --------------------------------------------------
		utility
-------------------------------------------------- */
.u-font--jp {
  font-family: "Noto Sans JP", sans-serif;
}

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

/* update 2021.11.15 追加 */
.u-font--renogare {
  font-family: "Renogare", sans-serif;
}

/**/
.u-pc {
  display: block;
}

.u-sp {
  display: none;
}

.u-cfx:after {
  content: "";
  display: table;
  clear: both;
}

.u-cts {
  position: relative;
  padding-top: 100px;
}

.u-cts__wrap {
  position: relative;
}

.u-cts__inner {
  position: relative;
  max-width: 1240px;
  padding: 0 20px;
  margin: 0 auto;
}

.u-cts__inner--1000 {
  position: relative;
  max-width: 1040px;
  padding: 0 20px;
  margin: 0 auto;
}

.u-cts__inner--1400 {
  position: relative;
  max-width: 1440px;
  padding: 0 20px;
  margin: 0 auto;
}

.u-ancher {
  padding-top: 110px;
  margin-top: -110px;
}

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

.u-center {
  text-align: center;
}

.u-left {
  text-align: left;
}

.u-right {
  text-align: right;
}

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

.u-pt--05 {
  padding-top: 5px !important;
}

.u-pt--10 {
  padding-top: 10px !important;
}

.u-pt--15 {
  padding-top: 15px !important;
}

.u-pt--20 {
  padding-top: 20px !important;
}

.u-pt--25 {
  padding-top: 25px !important;
}

.u-pt--30 {
  padding-top: 35px !important;
}

.u-pt--35 {
  padding-top: 30px !important;
}

.u-pt--40 {
  padding-top: 40px !important;
}

.u-pt--45 {
  padding-top: 45px !important;
}

.u-pt--50 {
  padding-top: 50px !important;
}

.u-pt--60 {
  padding-top: 60px !important;
}

.u-pt--70 {
  padding-top: 70px !important;
}

.u-pt--80 {
  padding-top: 80px !important;
}

.u-pt--90 {
  padding-top: 90px !important;
}

.u-pt--100 {
  padding-top: 100px !important;
}

.u-mt--0 {
  margin-top: 0px !important;
}

.u-mt--05 {
  margin-top: 5px !important;
}

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

.u-mt--15 {
  margin-top: 15px !important;
}

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

.u-mt--25 {
  margin-top: 25px !important;
}

.u-mt--30 {
  margin-top: 30px !important;
}

.u-mt--35 {
  margin-top: 35px !important;
}

.u-mt--40 {
  margin-top: 40px !important;
}

.u-mt--45 {
  margin-top: 45px !important;
}

.u-mt--50 {
  margin-top: 50px !important;
}

.u-mt--60 {
  margin-top: 60px !important;
}

.u-mt--70 {
  margin-top: 70px !important;
}

.u-mt--80 {
  margin-top: 80px !important;
}

.u-mt--90 {
  margin-top: 90px !important;
}

.u-mt--100 {
  margin-top: 100px !important;
}

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

.u-pb--05 {
  padding-bottom: 5px !important;
}

.u-pb--10 {
  padding-bottom: 10px !important;
}

.u-pb--15 {
  padding-bottom: 15px !important;
}

.u-pb--20 {
  padding-bottom: 20px !important;
}

.u-pb--25 {
  padding-bottom: 25px !important;
}

.u-pb--30 {
  padding-bottom: 30px !important;
}

.u-pb--35 {
  padding-bottom: 35px !important;
}

.u-pb--40 {
  padding-bottom: 40px !important;
}

.u-pb--45 {
  padding-bottom: 45px !important;
}

.u-pb--50 {
  padding-bottom: 50px !important;
}

.u-pb--60 {
  padding-bottom: 60px !important;
}

.u-pb--70 {
  padding-bottom: 70px !important;
}

.u-pb--80 {
  padding-bottom: 80px !important;
}

.u-pb--90 {
  padding-bottom: 90px !important;
}

.u-pb--100 {
  padding-bottom: 100px !important;
}

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

.u-mb--05 {
  margin-bottom: 5px !important;
}

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

.u-mb--15 {
  margin-bottom: 15px !important;
}

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

.u-mb--25 {
  margin-bottom: 25px !important;
}

.u-mb--30 {
  margin-bottom: 30px !important;
}

.u-mb--35 {
  margin-bottom: 35px !important;
}

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

.u-mb--45 {
  margin-bottom: 45px !important;
}

.u-mb--50 {
  margin-bottom: 50px !important;
}

.u-mb--60 {
  margin-bottom: 60px !important;
}

.u-mb--70 {
  margin-bottom: 70px !important;
}

.u-mb--80 {
  margin-bottom: 80px !important;
}

.u-mb--90 {
  margin-bottom: 90px !important;
}

.u-mb--100 {
  margin-bottom: 100px !important;
}
/* --------------------------------------------------
		top
-------------------------------------------------- */
/* top-visual */
.top-visual {
  position: relative;
  height: 0;
  min-height: 500px;
  padding-bottom: 35.7142857143%;
  padding-top: 0;
}

.top-visual__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 1400px;
  transform: translateX(-50%);
}

.top-visual__image img {
  width: 100%;
  max-width: none;
}

.top-visual__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-visual__body .u-cts__inner {
  width: 100%;
  color: #FFFFFF;
}

/** update 2021.11.15 修正 **/
/** update 2022.01.11 修正 **/
.top-visual__body .title {
  width: 120px;
  line-height: 1;
  margin-bottom: 12px;
}

/* ↑ 2022.01.11 */
.top-visual__body .text {
  font-size: 1.8rem;
  margin-bottom: 15px;
}

.top-visual__body .button {
  width: 150px;
}
/** update 2022.12.20 追加 **/
.top-infomation {
  padding-top: 30px;
}

.top-infomation__list {
  color: #FF0000;
  text-align: center;
  font-size: 1.4rem;
}

.top-infomation__list li + li {
  margin-top: 0.4em;
}

.top-infomation__list li a {
  color: #FF0000;
  text-decoration: underline;
}

.top-infomation__list li a:hover {
  text-decoration: none;
}
/* ↑ 2022.12.20 */
/* top-product */
.top-product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px -1.25% 0;
}

.top-product__list li {
  width: 25%;
  padding: 0 1.2195121951%;
  margin-top: 10px;
}

.top-product__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 10px;
  border-bottom: 1px solid #E5E5E5;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.top-product__list li a:hover {
  background-color: #E5E5E5;
}

.top-product__list li a .image {
  width: 55px;
  margin-right: 15px;
}

.top-product__list li a .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.4;
}
/* top-order */
.top-order-product {
  position: relative;
}

.top-order-product .image {
  height: 380px;
}

.top-order-product .image img {
  width: 1200px;
}

.top-order-product .body {
  position: absolute;
  top: 50%;
  left: 60%;
  margin-right: 3.5%; /** update 2022.06.30 修正 **/
  transform: translateY(-50%);
  color: #ffffff; /** update 2021.09.02 追加 **/
}

/** update 2021.11.15 修正 **/
/** update 2022.01.11 修正 **/
.top-order-product .body .title {
  width: 94px;
  line-height: 1;
  margin-bottom: 15px;
}

/* ↑ 2022.01.11 */
.top-order-product .body .text {
  margin-bottom: 20px;
}

.top-order-product .body .button {
  width: 150px;
}
/* top-situation */
.top-situation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.625%;
}

.top-situation__list li {
  width: 33.3333333333%;
  padding: 0 0.6172839506%;
}

.top-situation__list li .text {
  margin-top: 10px;
  font-size: 1.4rem;
}

.top-situation__list li .text span {
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 400; /** update 2021.11.15 修正 **/
  line-height: 1.3;
  margin-right: 10px;
}
/* top-brand */
.top-brand__list li + li {
  margin-top: 30px;
}

.top-brand__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.top-brand__list li:nth-child(2n) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.top-brand__list li .image {
  width: 50%;
  height: 350px;
}

.top-brand__list li .image img {
  width: 600px;
}

.top-brand__list li .body {
  width: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 30px 5%;
}

.top-brand__list li .body .logo {
  margin-bottom: 30px;
  line-height: 1;
}

.top-brand__list li .body .logo.logo--pamouna img {
  width: 180px;
}

.top-brand__list li .body .logo.logo--margin img {
  width: 145px;
}

.top-brand__list li .body .logo.logo--bellacontte img,
.top-brand__list li .body .logo.logo--cadenza img {
  width: 200px;
}

.top-brand__list li .body .text {
  margin-bottom: 30px;
}

.top-brand__list li .body .c-button--b {
  width: 200px;
  margin-left: 0;
}
/* top-news */
/* --------------------------------------------------
		ituki
-------------------------------------------------- */
/* ituki-enjoy */
.ituki-enjoy__lead {
  max-width: 670px;
  margin-bottom: 40px;
}

.ituki-enjoy__list li + li {
  margin-top: 20px;
}

.ituki-enjoy__list li .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 350px;
}

.ituki-enjoy__list li:nth-child(2n) .item {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ituki-enjoy__list li .image {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.ituki-enjoy__list li .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 860px;
  max-width: none;
  transform: translate(-50%, -50%);
}

.ituki-enjoy__list li .body {
  position: relative;
  z-index: 1;
  width: 38.5714285714%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  padding: 20px 20px 20px 0;
}

.ituki-enjoy__list li:nth-child(2n) .body {
  padding: 20px 0 20px 20px;
}

.ituki-enjoy__list li .body:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  transform: skewX(20deg);
  transform-origin: left bottom;
}

.ituki-enjoy__list li:nth-child(2n) .body:before {
  transform: skewX(-20deg);
  transform-origin: right bottom;
}

.ituki-enjoy__list li .body__inner {
  position: relative;
  z-index: 1;
}

.ituki-enjoy__list li .title {
  font-size: 3.4rem;
  font-weight: 400; /** update 2021.11.15 修正 **/
  line-height: 1.2;
  margin-bottom: 15px;
}

.ituki-enjoy__list li .text {
  max-width: 320px;
  margin: 0 auto;
}

/* update 2022.06.30 */
.ituki-enjoy .c-h2__title--b .u-font--renogare {
  font-size: 0;
}

/** ↑ 2022.06.03 ↑ **/
/* ituki-order */
/** update 2021.11.15 追加 **/
.ituki-order .c-h2__title--b .u-font--renogare img {
  width: 210px;
}

/**/
.ituki-order__lead {
  max-width: 670px;
  margin: 0 auto 40px;
  text-align: center;
}

.ituki-order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -10px 0;
}

.ituki-order__list li {
  width: 33.3333333333%;
  padding: 0 10px;
  margin-top: 20px;
}

.ituki-order__list li .body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  color: #FFFFFF;
  padding: 20px 20px;
  background-color: rgba(0, 0, 0, 0.25);
}

.ituki-order__list li .title {
  font-size: 3.4rem;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: 400; /** update 2021.11.15 追加 **/
}

.ituki-order__list li .text {
  font-size: 2rem;
}
/* --------------------------------------------------
		ituki - list
-------------------------------------------------- */
/* itukiList-category */
.itukiList-category {
  padding: 30px 0;
  background-color: #F2F2F2;
}

.itukiList-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -0.8333333333%;
}

.itukiList-category__list li {
  width: 16.6666666667%;
  max-width: 160px;
  margin: 0 0.8196721311%;
}

.itukiList-category__list li a {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 10px 10px;
  background-color: #FFFFFF;
  text-align: center;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.itukiList-category__list li a:hover,
.itukiList-category__list li a.is-active {
  color: #FFFFFF;
  background-color: #000000;
}

.itukiList-category__list li .text {
  padding: 10px 0;
}

/* itukiList-title */
.itukiList-title__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.itukiList-title__title .en {
  display: block;
  font-size: 4rem;
  line-height: 1.2;
  font-weight: 400; /** update 2021.11.15 追加 **/
}
/* itukiList-main */
.itukiList-nav {
  padding-top: 50px;
}
/* itukiList-main */
.itukiList-main {
  padding-top: 50px;
}

.itukiList-main__list a {
  background-color: #FFFFFF;
  overflow: hidden;
  border-radius: 10px 10px;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.itukiList-main__list .body {
  padding: 15px 15px;
}

.itukiList-main__list .name {
  line-height: 1.4;
  margin-bottom: 5px;
}

.itukiList-main__list .type {
  font-size: 1.4rem;
  color: #8D8D8D;
}
/* --------------------------------------------------
		ituki - simulation
-------------------------------------------------- */
/* simulation-main */
/* update 2022.01.11 修正&追加 */
/* update 2022.06.03 修正&追加 */
.simulation-main {
  position: relative;
  min-height: 850px;
  background: -webkit-linear-gradient(right, #EBEBEB, #FFFFFF);
  background: linear-gradient(to left, #EBEBEB, #FFFFFF);
  padding-top: 0;
}

/** ↑ 2022.06.03 ↑ **/
.simulation-main .product-title {
  display: none;
}

.simulation-main .product-box {
  position: absolute;
  top: 70px;
  left: 20px;
  width: calc(100% - 440px);
}

.simulation-main .product-box__inner {
  font-size: 0;
  position: relative;
  max-width: 700px;
  margin: 0 auto;
}

/* update 2022.06.03 修正 */
.simulation-main .product-box__inner .product-simulator {
  position: relative;
  width: 700px;
  height: 700px;
}

/** ↑ 2022.06.03 ↑ **/
.simulation-main .product-box__inner canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.simulation-main .panel-sub {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  width: 200px;
  height: auto;
  padding: 15px 20px;
  background-color: #FFFFFF;
  border-radius: 10px 10px;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.simulation-main .panel-sub:before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: -30px;
  border-top: 10px solid transparent;
  border-right: 15px solid #FFFFFF;
  border-bottom: 10px solid transparent;
  border-left: 15px solid transparent;
}

.simulation-main .panel-sub .image {
  overflow: hidden;
  border-radius: 4px 4px;
}

.simulation-main .panel-sub .custom__list > li {
  margin-top: 10px;
}

.simulation-main .panel-sub .custom__list .name {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.simulation-main .panel-sub .custom__list .value.switch {
  font-size: 1.3rem;
}

.simulation-main .panel-sub .custom__list .value.switch ul {
  display: table;
  width: 100%;
  max-width: 240px;
  background-color: #EDEDED;
  border-radius: 10px 10px;
}

.simulation-main .panel-sub .custom__list .value.switch li {
  position: relative;
  display: table-cell;
  text-align: center;
}

.simulation-main .panel-sub .custom__list .value.switch li + li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #BABABA;
}

.simulation-main .panel-sub .custom__list .value.switch li label {
  position: relative;
  display: block;
  padding: 6px 0;
  color: #BABABA;
  cursor: pointer;
}

.simulation-main .panel-sub .custom__list .value.switch li label.active {
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px 8px;
  color: #3C3C3C;
}

.simulation-main .panel-subnum {
  display: none;
}

/* update 2022.06.03 追加 */ /** update 2022.06.30 修正 **/
.simulation-main .panel-simulator__note {
  font-size: 1.2rem;
  margin-top: 15px;
}

/** ↑ 2022.06.03 ↑ **/ /** ↑ 2022.06.30 ↑ **/
.simulation-main .panel-main {
  width: 400px;
  padding: 60px 0;
  margin-left: calc(100% - 400px);
}

.simulation-main .panel-main .title {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 20px 10px;
}

.simulation-main .panel-main .panel {
  position: relative;
  z-index: 1;
  padding: 20px 30px;
  background-color: #FFFFFF;
  border-radius: 10px 10px;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.simulation-main .panel-main .panel-top__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #C3C3C3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.simulation-main .panel-main .panel-top__box .price {
  font-size: 2.5rem;
  font-weight: 700;
}

.simulation-main .panel-main .panel-top__box .price .zei {
  font-size: 1.2rem;
  color: #939393;
  padding-left: 5px;
}

/** update 2022.02.16 削除 **/
/*.simulation-main .panel-main .panel-top__box .favorite__button button {
	cursor: pointer;
	width: 160px;
	padding: 8px 0;
	font-size: 1.4rem;
}*/
/** ↑ 2022.02.16 ↑ **/
.simulation-main .panel-main .panel-middle__box {
  border-bottom: 1px solid #C3C3C3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.simulation-main .panel-main .select__list {
  display: none;
}

.simulation-main .panel-main .custom__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.simulation-main .panel-main .custom__list > li + li {
  margin-top: 15px;
}

.simulation-main .panel-main .custom__list .name {
  width: 100px;
  padding-top: 6px;
}

.simulation-main .panel-main .custom__list .item-style .name {
  display: none;
}

.simulation-main .panel-main .custom__list .item-density .name,
.simulation-main .panel-main .custom__list .item-width .name,
.simulation-main .panel-main .custom__list .item-height .name {
  padding-top: 18px;
}

.simulation-main .panel-main .custom__list .value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.simulation-main .panel-main .custom__list .value.slider {
  margin-top: -5px;
}

.simulation-main .panel-main .custom__list .value.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.simulation-main .panel-main .custom__list .value.switch ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #EDEDED;
  border-radius: 10px 10px;
}

.simulation-main .panel-main .custom__list .value.switch li {
  position: relative;
}

.simulation-main .panel-main .custom__list .value.switch li + li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 1px;
  height: calc(100% - 20px);
  background-color: #BABABA;
}

.simulation-main .panel-main .custom__list .value.switch li label {
  position: relative;
  display: block;
  padding: 6px 10px;
  color: #BABABA;
  cursor: pointer;
}

.simulation-main .panel-main .custom__list .value.switch li label.active {
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px 8px;
  color: #3C3C3C;
}

.simulation-main .panel-main .custom__list .value.list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -10px -5px 0;
}

.simulation-main .panel-main .custom__list .value.list li {
  width: 40px;
  margin: 10px 5px 0;
}

.simulation-main .panel-main .custom__list .value.list li label {
  padding: 0;
  display: block;
  cursor: pointer;
  font-size: 1.3rem;
  text-align: center;
  color: #A8A8A8;
}

.simulation-main .panel-main .custom__list .value.list li label span {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 50% 50%;
  border: 2px solid transparent;
}

.simulation-main .panel-main .custom__list .value.list .item-color-list label {
  padding: 10px;
}

.simulation-main .panel-main .custom__list .value.list .item-color-list span {
  border-radius: 0;
}

.simulation-main .panel-main .custom__list .value.list li label.active {
  color: #000000;
}

.simulation-main .panel-main .custom__list .value.list li label.active span {
  border-color: #000000;
}

.simulation-main .panel-main .custom__list .item-style .value.list {
  margin: 0 -15px;
}

.simulation-main .panel-main .custom__list .item-style .value.list li {
  width: 60px;
  margin: 10px 15px 0;
}

.simulation-main .panel-main .custom__list .item-color .value.list li label span {
  border: none;
  /* box-shadow: 0 3px 6px rgb(0 0 0 / 16%); */
}

.simulation-main .panel-main .custom__list .item-color .value.list li label.active {
  border: 2px solid #000000;
}

/* 230626 */
.simulation-main .panel-main .custom__list .item-color {
  position: relative;
}

.simulation-main .panel-main .custom__list .item-color .value.list {
  flex: 0.65;
}

.simulation-main .panel-main .custom__list .item-color .value.list ul {
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px 10px;
}

.simulation-main .panel-main .custom__list .item-color .value.list li {
  margin: 0;
  width: calc(12.5% - 10px);
}

.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::before,
.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::after {
  content: "";
  padding: 0;
  width: 40px;
  height: 1px;
  background: #a8a8a8;
  position: absolute;
  top: 20px;
  right: 0;
}

.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::before {
  transform: rotate(45deg);
}

.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::after {
  transform: rotate(-45deg);
}

.simulation-main .panel-main .custom__list .item-color .value.list .btn {
  content: "カラーを選択する";
  margin: 0 auto;
  padding: 10px 0;
  width: 160px;
  text-align: center;
  font-size: 16px;
  color: #000;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

.simulation-main .panel-main .custom__list .item-color .value.list .btn:hover {
  color: #000;
  background: #fff;
}

/* modal-show */
body.is-color-modal .simulation-main .panel-main .custom__list .item-color::before {
  content: "";
  width: 100vw;
  height: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  backdrop-filter: blur(23px);
  z-index: 9998;
}

body.is-color-modal .simulation-main .panel-main .custom__list .item-color .value.list {
  padding: 90px 90px 60px;
  width: 90vw;
  height: calc(90vh - 110px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  top: calc(5vh + 110px);
  left: 5vw;
  z-index: 9999;
}

.is-color-modal .simulation-main .panel-main .custom__list .item-color .value.list ul {
  padding-right: 0;
  display: flex;
}

.is-color-modal .simulation-main .panel-main .custom__list .item-color .value.list ul::before {
  content: "カラーを選択";
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  position: absolute;
  top: 50px;
  left: 0;
}

.is-color-modal .simulation-main .panel-main .custom__list .item-color .value.list .is-modal-open {
  display: none;
}

.is-color-modal #app {
  position: relative;
  z-index: 50;
}

.is-color-modal .ec-layoutRole__contents {
  z-index: 100005;
}

.is-color-modal .simulation-main .panel-main .panel {
  z-index: 10;
}
/* /230626 */
.simulation-main .panel-main .custom__list .item-rowheight,
.simulation-main .panel-main .custom__list .item-door,
.simulation-main .panel-main .custom__list .item-drawer {
  display: none;
}

.simulation-main .panel-main .panel-bottom__box .cart__button .c-button--h {
  cursor: pointer;
  width: 220px;
}

.simulation-main .panel-main .panel-bottom__box .favorite__button {
  display: none;
}

.simulation-main .panel-main .panel-bottom__note {
  margin-top: 15px;
  font-size: 1.2rem;
  text-align: center;
}

.simulation-main .panel-main .panel-bottom__note .link {
  font-size: 1.4rem;
}

.simulation-main .panel-main .panel-bottom__note p + p {
  margin-top: 10px;
}

.simulation-main .view-switch__button {
  position: absolute;
  z-index: 2;
  bottom: 60px;
  right: 450px;
}

.simulation-main .view-switch__button a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #D5D5D5;
  border-radius: 4px 4px;
}

.simulation-main .view-switch__button a.active {
  background-color: #000000;
}
/* ↑ 2022.01.11 */
/* simulation-movie */
.simulation-movie__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
}

.simulation-movie__list li {
  width: 33.3333333333%;
  padding: 0 8px;
}

.simulation-movie__list li .box {
  position: relative;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 10px 10px;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

.simulation-movie__list li .body {
  padding: 30px 30px;
}

.simulation-movie__list li .title {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 20px;
}
/** update 2023.03.28 修正 **/
/** update 2023.01.30 追加 **/
/** update 2023.04.26 追加 **/
/* simulation-detail */
.simulation-detail {
  padding-top: 50px;
}

.simulation-detail__button {
  display: none;
}

.simulation-detail__body {
  border-radius: 10px 10px;
  padding: 0 50px 50px; /** update 2023.02.08 修正 **/
  background-color: #FFFFFF;
}

.simulation-detail__body .box {
  position: relative;
}

.simulation-detail__body .box + .box {
  margin-top: 30px;
}

.simulation-detail__body .box .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D6D6D6;
}

.simulation-detail__body .box .text * + * {
  margin-top: 1em;
}

.simulation-detail__body .box .figure {
  margin: 0 -10px;
}

.simulation-detail__body .box .figure img {
  padding: 20px 10px 0;
}

.simulation-detail__body .box .select {
  display: flex;
}

.simulation-detail__body .box .select__list {
  display: flex;
  background-color: #EDEDED;
  border-radius: 10px 10px;
}

.simulation-detail__body .box .select__list li a {
  position: relative;
  display: block;
  padding: 6px 10px;
  color: #BABABA;
}

.simulation-detail__body .box .select__list li.is-active a {
  background-color: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px 8px;
  color: #3C3C3C;
}

.simulation-detail__body .box .tab-title {
  position: relative;
  display: flex;
  align-items: center;
}

.simulation-detail-tab {
  margin: 0 -50px 30px; /** update 2023.02.08 修正 **/
}

.simulation-detail-tab__tab {
  position: relative;
  z-index: 1;
  display: flex;
  margin: 0 -3px;
  background-color: #FAFAFA; /** update 2023.02.08 追加 **/
}

.simulation-detail-tab__tab li {
  margin: 0 3px;
  width: 200px;
}

.simulation-detail-tab__tab li a {
  position: relative;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 12px 0 10px;
  background-color: #EBEBEB;
  border-radius: 10px 10px 0 0;
}

.simulation-detail-tab__tab li.is-active a {
  background-color: #FFFFFF;
  transition: opacity 0.2s ease;
}

.simulation-detail-tab__tab li:not(.is-active) a:hover {
  opacity: 0.8;
}

.simulation-detail-tab__body {
  border-radius: 0 10px 0 0;
}

.simulation-detail-tab__body > .item {
  display: none;
  padding: 40px 40px 0;
}

.simulation-detail-tab__body > .item.is-active {
  display: block;
}

.simulation-detail-tab__body .box .item {
  display: none;
}

.simulation-detail-tab__body .box .item.is-active {
  display: block;
}

.simulation-detail-tab__body .box .box {
  margin-top: 30px;
}

.simulation-detail-tab__body .box .box .title {
  margin: 0 40px 0 20px;
  padding-bottom: 0;
  border-bottom: none;
}
/* ↑ 2023.01.30 */
/* ↑ 2023.03.28 */
/* ↑ 2023.04.26 */
/* simulation-custom */
.simulation-custom__list {
  max-width: 850px;
  padding: 0 20px;
  margin: 0 auto;
}

.simulation-custom__list .item {
  margin: 0 30px;
}

.simulation-custom__list .item .image {
  margin-bottom: 20px;
  box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
}

/** update 2022.12.05 追加&修正 **/
.simulation-custom__list.non-slick {
  position: relative;
  transform: translateX(-50%);
  white-space: nowrap;
  letter-spacing: -0.4em;
}

.simulation-custom__list.non-slick .item {
  display: inline-block;
  letter-spacing: 0;
  white-space: normal;
  vertical-align: top;
}

/* ↑ 2022.12.05 */
/* --------------------------------------------------
		products - list
-------------------------------------------------- */
/* productsList-nav */
/* productsList-main */
.productsList-main__view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #939393;
}

.productsList-main__view-total {
  font-size: 2.5rem;
  line-height: 1.2;
}

.productsList-main__view-select {
  position: relative;
}

.productsList-main__view-select span {
  display: inline-block;
  margin-right: 15px;
}

.productsList-main__list .tag {
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #DECA8F;
  font-size: 1.4rem;
  padding: 4px 10px;
}

.productsList-main__list .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}

.productsList-main__list .box-left {
  width: calc(95% - 115px);
  margin-right: 5%;
}

.productsList-main__list .brand {
  font-size: 1.4rem;
  color: #777777;
}

.productsList-main__list .name {
  line-height: 1.3;
}

.productsList-main__list .price {
  font-size: 1.8rem;
  margin: 2px calc(-8.8921527486% - 115px) 0 0; /* update 2021.10.01 追加 */
}

.productsList-main__list .box-right {
  width: 115px;
}

.productsList-main__list .color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0 0 8px -4px;
  /* display: none; */
}

.productsList-main__list .color li {
  margin: 4px 0 0 4px;
}

.productsList-main__list .color li span {
  width: 12px;
  height: 12px;
  display: block;
  background-size: cover;
  background-position: center center;
}

.productsList-main__list .size {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #777777;
  text-align: right;
}
/* --------------------------------------------------
		products - detail
-------------------------------------------------- */
.productsDetail-main-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* margin-bottom: 80px; 2024-07-12 */
	margin-bottom: 40px;
}

.productsDetail-main__image {
  width: 47.9166666667%;
}

.productsDetail-main__image-main {
  position: relative;
  margin-bottom: 30px;
}

.productsDetail-main__image-main .num {
  display: none;
}

.productsDetail-main__image-sub ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px -1.7391304348% 0;
}

.productsDetail-main__image-sub ul li {
  width: 20%;
  padding: 0 1.6806722689%;
  margin-top: 20px;
}

.productsDetail-main__image-sub ul li a {
  position: relative;
  overflow: hidden;
  display: block;
}

.productsDetail-main__image-sub ul li a.is-active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #000000;
}

.productsDetail-main__image-sub ul li a img {
  display: block;
  transition: transform 0.3s ease;
}

.productsDetail-main__image-sub ul li a:hover img {
  transform: scale(1.05);
}

.productsDetail-main__info {
  width: 47.9166666667%;
}

.productsDetail-main__info .brand {
  font-size: 2rem;
  color: #939393;
}

.productsDetail-main__info .name {
  font-size: 2rem;
  font-weight: 700;
}

/** update 2021.10.27 削除 **/
/*.productsDetail-main__info .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
}*/
.productsDetail-main__info .price {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 30px; /** update 2021.10.27 修正 **/
}

.productsDetail-main__info .price .zei {
  font-size: 1.6rem;
  font-weight: 400;
  color: #939393;
  padding-left: 0.2em;
}

/** update 2022.02.16 追加 **/
.productsDetail-main__info .info {
  margin-bottom: 20px;
  font-size: 1.4rem;
}

.productsDetail-main__info .info dt {
  float: left;
}

.productsDetail-main__info .info dd {
  margin-left: 4em;
}

/** ↑ 2022.02.16 ↑ **/
/** update 2021.10.27 修正 **/
.productsDetail-main__info .recommend {
  position: relative;
}

.productsDetail-main__info .recommend .c-button--k {
  position: absolute;
  top: -50px;
  left: 320px;
}

/**/
.productsDetail-main__info .text {
  margin-top: 30px;
}

.productsDetail-main__info .link {
  margin-top: 10px;
  font-size: 1.4rem;
}

.productsDetail-main__info .c-select--a,
.productsDetail-main__info .c-input--a {
  display: block;
  margin-bottom: 20px;
}

.productsDetail-main__info .cart {
  max-width: 370px;
  padding-right: 70px;
}

.productsDetail-main__info .cart .c-button--h {
  width: 100%;
  cursor: pointer;
}

.productsDetail-main__detail-button {
  display: none;
}

.productsDetail-main__detail-body {
  background-color: #F5F5F5;
  border-radius: 10px 10px;
  padding: 50px 50px;
  border: 1px solid #DDDDDD;
}

.productsDetail-main__detail-body .box + .box {
  margin-top: 30px;
}

.productsDetail-main__detail-body .title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D6D6D6;
}

/** update 2021.11.05 追加 **/
.productsDetail-main__detail-body > .title {
  border-bottom: none;
}

/**/
.productsDetail-main__detail-body .text > * + * {
  margin-top: 1em;
}

/** update 2021.10.27 削除 **/
/*@media screen and (max-width: 1000px) {
.productsDetail-main__info .box {
	display: block;
}
.productsDetail-main__info .recommend {
	margin-top: 16px;
}
}*/
/**/
/** update 2021.10.27 追加 **/
/**/
/* --------------------------------------------------
		※※※※※
-------------------------------------------------- */
/*
**************************************************************************
*	pamouna-ec eccube.css
**************************************************************************/
.ec-role {
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-link {
  color: #2490D0;
}

.ec-blockBtn {
  box-shadow: none !important;
  outline: none !important;
  transition: background-color 0.2s ease;
}

.ec-blockBtn--action {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  outline: none !important;
  transition: opacity 0.2s ease;
}

.ec-blockBtn--action.blue {
  background-color: #2490D0 !important;
  border-color: #2490D0 !important;
}

.ec-blockBtn--action.red {
  background-color: #C90000 !important;
  border-color: #C90000 !important;
}

.ec-blockBtn--action:hover {
  opacity: 0.8;
}

.ec-blockBtn--cancel {
  background-color: #B4B4B4 !important;
  border-color: #B4B4B4 !important;
  box-shadow: none !important;
  outline: none !important;
  transition: opacity 0.2s ease;
}

.ec-blockBtn--cancel.black {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.ec-blockBtn--cancel:hover {
  opacity: 0.8;
}

.ec-blockBtn--delete {
  margin: 0 0;
  font-weight: bold;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #C90000;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0 0;
  padding: 0 16px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #C90000;
  display: block;
  height: 56px;
  line-height: 56px;
  outline: none;
  transition: opacity 0.2s ease;
}

.ec-blockBtn--delete:hover {
  opacity: 0.8;
}

.ec-checkbox label[for] {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.ec-checkbox label[for]:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
}

.ec-checkbox input[type=checkbox]:checked + label[for]::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 4px;
  width: 12px;
  height: 8px;
  border-left: 3px solid #707070;
  border-bottom: 3px solid #707070;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ec-radio input {
  margin-right: 0;
}

.ec-radio label span {
  display: inline-block;
  margin-bottom: 16px;
}

.ec-radio label[for] {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.ec-radio label[for]:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  border-radius: 50% 50%;
}

.ec-radio input[type=radio]:checked + label[for]::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background-color: #707070;
  border-radius: 50% 50%;
}

.ec-select select,
.ec-birth select {
  height: 40px;
}

.ec-input .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-birth .ec-errorMessage {
  font-size: 1.4rem;
  margin-bottom: 16px;
}

.ec-input .ec-errorMessage + .ec-errorMessage,
.ec-halfInput .ec-errorMessage + .ec-errorMessage,
.ec-numberInput .ec-errorMessage + .ec-errorMessage,
.ec-zipInput .ec-errorMessage + .ec-errorMessage,
.ec-telInput .ec-errorMessage + .ec-errorMessage,
.ec-select .ec-errorMessage + .ec-errorMessage,
.ec-birth .ec-errorMessage + .ec-errorMessage {
  margin-top: -12px;
}

.ec-input textarea {
  margin-bottom: 16px;
}

.error.ec-input textarea {
  margin-bottom: 5px;
  border-color: #CF3F34;
  background: #FDF1F0;
}

/** update 2021.11.05 追加 **/
.ec-input input[readonly] {
  background-color: transparent;
  border-color: transparent;
}

/**/
.ec-pageHeader {
  margin: 100px 0 40px;
}

.ec-pageHeader h1 {
  border-top: none;
  border-bottom: none;
  margin: 0 0;
  padding: 0 0;
  font-size: 2.5rem;
  color: #000000;
  font-weight: normal;
  text-align: center;
  background-image: none;
}

.ec-pageHeader.is-mypage h1 {
  padding-top: 45px;
  background-image: url(../img/icon_person_black.svg);
  background-repeat: no-repeat;
  background-position: center top;
}

.ec-reportHeading {
  margin-top: 0;
  border-top: none;
}

.ec-reportHeading h2 {
  font-size: 2.4rem;
}

.ec-reportDescription {
  line-height: 1.5;
}

.ec-borderedDefs {
  margin-bottom: 50px;
  border-top-color: #C4C4C4;
}

.ec-borderedDefs dl {
  padding: 30px 0;
  border-bottom-color: #C4C4C4;
}

.ec-borderedDefs dt {
  padding-top: 0.5em;
}

.ec-borderedDefs dd > div:last-child {
  margin-bottom: -16px;
}

.ec-borderedDefs dd .ec-note {
  font-size: 1.3rem;
  color: #939393;
}

.ec-borderedDefs p {
  line-height: 1.5;
  margin: 0 0;
}

.ec-zipInputHelp a {
  display: inline-block;
  background-color: #3B3B3B;
  line-height: 1;
  font-size: 1.4rem;
  border-radius: 3px 3px;
  transition: opacity 0.2s ease;
}

.ec-zipInputHelp a span {
  color: #FFFFFF;
  vertical-align: baseline;
  padding: 10px 15px;
  margin-left: 0;
}

.ec-zipInputHelp a:hover {
  opacity: 0.8;
}

.ec-alert-warning {
  background-color: #C90000;
  margin-bottom: 30px;
}

.ec-error__txt {
  margin-bottom: 30px;
  text-align: center;
}

.ec-error__txt a {
  text-decoration: underline;
}

.ec-error__txt a:hover {
  text-decoration: none;
}
/* --------------------------------------------------
		parts
-------------------------------------------------- */
.pamounaForm__title {
  font-size: 1.8rem;
  margin-bottom: 15px;
  color: #000000;
}

.pamounaForm__wrap {
  padding: 60px 0;
  border: 1px solid #DDDDDD;
  border-radius: 10px 10px;
  background-color: #F0F0F0;
}
/* --------------------------------------------------
		forget
-------------------------------------------------- */
.ec-forgotRole {
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-forgotRole .ec-forgotRole__intro {
  margin-bottom: 30px;
}

/**/
.ec-forgetCompleteRole {
  padding: 0 20px;
  max-width: 1130px;
  margin: 0 auto;
}

.ec-forgetCompleteRole .ec-reportDescription {
  margin-bottom: 0;
}

/* --------------------------------------------------
		entry
-------------------------------------------------- */
.ec-registerRole {
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-registerRole__intro {
  margin-bottom: 30px;
}

.ec-registerRole .ec-checkbox {
  margin-bottom: 20px;
}

.ec-registerRole .ec-registerRole__actions {
  padding-top: 0;
}

.ec-registerRole .ec-blockBtn--action {
  margin-bottom: 0;
}

.ec-registerRole .ec-blockBtn--cancel {
  margin-top: 16px;
}

/**/
.ec-registerCompleteRole {
  color: #3C3C3C;
}

.ec-registerCompleteRole .ec-blockBtn--action + .ec-blockBtn--action {
  margin-top: 16px;
}
/* --------------------------------------------------
		mypae
-------------------------------------------------- */
.ec-login {
  padding: 60px 13%;
  margin: 0 0;
  border: 1px solid #DDDDDD;
  border-radius: 10px 10px;
  background-color: #F0F0F0;
}

.ec-login .ec-login__input {
  padding-top: 30px;
  border-top: 1px solid #C4C4C4;
}

.ec-login .ec-grid2 {
  display: block;
}

.ec-login .ec-grid2 .ec-grid2__cell {
  width: 100%;
  text-align: center;
}

.ec-login .ec-login__actions {
  width: 50%;
  margin: 0 auto 20px;
}

.ec-login .ec-errorMessage {
  margin: 15px 0 0;
  font-size: 14px;
}

/**/
.ec-mypageRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.5;
  max-width: 1130px;
  color: #3C3C3C;
}

.ec-mypageRole .ec-pageHeader h1 {
  margin: 0 0;
  padding: 45px 0 0;
}

/* update 2022.04.07 追加 */
.ec-navlistRole {
  position: relative;
}

/* ↑ 2022.04.07 */
.ec-navlistRole .ec-navlistRole__navlist {
  margin-bottom: 60px;
  border-color: #080808;
}

.ec-navlistRole .ec-navlistRole__item {
  border-color: #080808;
}

.ec-navlistRole .ec-navlistRole__item a {
  padding: 16px 0;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.ec-navlistRole .ec-navlistRole__item a:hover,
.ec-navlistRole .ec-navlistRole__item.active a {
  color: #FFFFFF;
  background-color: #080808;
}

/* update 2022.04.07 修正 */
.ec-navlistRole .ec-navlistRole__logout {
  position: absolute;
  top: -35px;
  right: 0;
}

.ec-navlistRole .ec-navlistRole__logout .logout__button {
  position: relative;
  display: inline-block;
  color: #8B8B8B;
  font-size: 1.4rem;
  padding-left: 25px;
  transition: opacity 0.2s ease;
}

.ec-navlistRole .ec-navlistRole__logout .logout__button:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 19px;
  height: 21px;
  background-image: url(../img/icon_logout.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.ec-navlistRole .ec-navlistRole__logout .logout__button:hover {
  opacity: 0.8;
}

/* ↑ 2022.04.07 */
/**/
.ec-historyRole__header {
  margin-bottom: 30px;
}

.ec-historyRole {
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-historyRole + .ec-historyRole {
  margin-top: 30px;
}

.ec-historyRole .ec-historyRole__contents {
  position: relative;
  color: #3C3C3C;
  padding: 30px 30px 10px 30px;
  border-radius: 10px 10px;
  background-color: #FFFFFF;
  border: 1px solid #D1D1D1;
  display: block;
}

.ec-historyRole .ec-definitions {
  margin: 0 0;
}

.ec-historyRole .ec-historyRole__header {
  width: 100%;
  margin: 0 0;
}

.ec-historyRole .ec-historyRole__header .ec-definitions {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}

.ec-historyRole .ec-historyRole__detail {
  width: 100%;
}

.ec-historyRole .ec-imageGrid {
  padding: 20px 50% 20px 0;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__img {
  width: 186px;
  padding: 0 16px 0 0;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__brand {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__name {
  font-weight: bold;
  margin-bottom: 5px;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__sizeTitle {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-historyRole .ec-imageGrid .ec-imageGrid__sizeData {
  margin-bottom: 5px;
}

.ec-historyRole .ec-imageGrid.type--b .ec-imageGrid__img {
  display: block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 15px;
  letter-spacing: -0.4em;
}

.ec-historyRole .ec-imageGrid.type--b .ec-imageGrid__img img {
  width: 50%;
  letter-spacing: 0;
}

.ec-historyRole .ec-imageGrid.type--b .ec-imageGrid__content {
  display: block;
  width: 100%;
  padding: 0 10px;
}

.ec-historyRole .ec-historyRole__footer dt {
  font-weight: normal;
  color: #939393;
}

.ec-historyRole .ec-historyFooter__definitions {
  position: absolute;
  top: 30px;
  left: 216px;
  width: calc(100% - 246px);
  padding-bottom: 10px;
  border-bottom: 1px dotted #CCCCCC;
}

.ec-historyRole .ec-historyFooter__definitions .ec-definitions {
  display: inline-block;
  margin-right: 20px;
}

.ec-historyRole .ec-historyFooter__date {
  position: absolute;
  top: 85px;
  left: 50%;
  width: calc(50% - 190px);
}

.ec-historyRole .ec-historyListHeader__action {
  position: absolute;
  top: 85px;
  width: 150px;
  right: 30px;
}

.ec-historyRole .ec-historyListHeader__action a {
  margin-bottom: 10px;
}

/**/
.ec-favoriteRole {
  /*max-width: 950px;*/
  margin: 0 auto;
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-favoriteRole .ec-favoriteRole__header {
  margin-bottom: 30px;
}

.ec-favoriteRole .ec-favoriteRole__itemList {
  margin: -30px -15px 0;
}

.ec-favoriteRole .ec-favoriteRole__item {
  margin-top: 30px;
  padding: 0 15px;
  width: 33.3333333333%;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
  top: -15px;
  right: 0;
  z-index: 3;
  font-size: 0;
  min-width: 0;
  background-color: #000000;
  transition: opacity 0.2s ease;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:hover {
  opacity: 0.8;
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%) rotate(45deg);
}

.ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ec-favoriteRole .ec-favoriteRole__itemThumb {
  margin-bottom: 0;
}

.ec-favoriteRole .ec-favoriteRole__item-image {
  height: auto;
}

.ec-favoriteRole .ec-favoriteRole__item-image .tag {
  position: absolute;
  z-index: 1;
  display: block;
  bottom: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #DECA8F;
  font-size: 1.4rem;
  padding: 4px 10px;
}

.ec-favoriteRole .ec-favoriteRole__itemBrand {
  font-size: 1.4rem;
  color: #777777;
}

.ec-favoriteRole .ec-favoriteRole__itemTitle {
  line-height: 1.3;
}

.ec-favoriteRole .ec-favoriteRole__itemPrice {
  font-size: 1.8rem;
  font-weight: normal;
}

/**/
.ec-addressRole .ec-addressRole__header {
  margin-bottom: 30px;
}

.ec-addressRole .ec-addressRole__actions {
  border-bottom: none;
  width: 33.3333333333%;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.ec-addressList .ec-addressList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #D1D1D1;
  border-radius: 10px 10px;
  background-color: #FFFFFF;
  padding: 30px 30px;
  margin-top: 10px;
}

.ec-addressList .ec-addressList__address {
  padding: 0 0;
  margin-right: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
}

.ec-addressList .ec-addressList__action {
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  top: 0;
}

.ec-addressList .ec-addressList__action > div {
  width: 50%;
  padding-left: 10px;
}

.ec-addressList .ec-addressList__action .ec-blockBtn--delete {
  padding: 0 16px;
}

/**/
.ec-withdrawRole,
.ec-withdrawConfirmRole {
  padding: 0 0;
  max-width: none;
  text-align: center;
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-withdrawRole .ec-withdrawRole__icon,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__icon {
  width: 75px;
  margin: 0 auto 20px;
}

.ec-withdrawRole .ec-withdrawRole__title,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
  font-size: 2.4rem;
  margin-bottom: 30px;
}

.ec-withdrawRole .ec-withdrawRole__description,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__description {
  line-height: 1.5;
}

/* update 2022.03.05 修正 */
.ec-withdrawRole .ec-withdrawRole__logout,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__cancel {
  margin-bottom: 16px;
}

/* ↑ 2022.03.05 */
/* --------------------------------------------------
		cart
-------------------------------------------------- */
.ec-progress {
  padding: 0 0;
  margin-bottom: 60px;
}

.ec-progress .ec-progress__number {
  background: #B7B7B7;
}

.ec-progress .is-complete .ec-progress__number {
  background: #000000;
}

.ec-progress .is-complete .ec-progress__label {
  color: #525263;
}

.ec-cartRole {
  color: #3C3C3C;
  line-height: 1.5;
}

.ec-cartRole__optionText {
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.ec-cartRole .ec-cartRole__cart {
  margin: 0 0;
}

.ec-cartHeader .ec-cartHeader__label {
  color: #FFFFFF;
  background-color: #000000;
}

.ec-cartRole .ec-cartRow__contentColumn {
  padding: 20px 0;
}

.ec-cartRow .ec-cartRow__img {
  width: 170px;
  max-width: none;
}

.ec-cartRow .ec-cartRow__summary {
  margin-left: 16px;
}

.ec-cartRow .ec-cartRow__brand {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-cartRow .ec-cartRow__sizeTitle {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-cartRow .ec-cartRow__sizeData {
  font-weight: normal;
  margin-bottom: 5px;
}

/* .ec-cartRow .ec-cartRow__unitPrice {
	font-weight: normal;
} */
.ec-cartRole .ec-cartRow__delColumnButton__icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.ec-cartRole .ec-cartRow__delColumnButton__icon:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
  transform: rotate(-45deg);
}

.ec-cartRole .ec-cartRow__delColumnButton__icon:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000000;
  transform: rotate(45deg);
}

.ec-cartRole .ec-cartRow__amount {
  font-weight: bold;
}

.ec-cartRole .ec-cartRow__amountDownButton__icon {
  display: inline-block;
}

.ec-cartRole .ec-cartRow__amountDownButton__icon:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
  width: 16px;
  height: 2px;
  background-color: #000000;
}

.ec-cartRole .ec-cartRow__amountUpButton__icon {
  display: inline-block;
}

.ec-cartRole .ec-cartRow__amountUpButton__icon:before {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
  width: 16px;
  height: 2px;
  background-color: #000000;
}

.ec-cartRole .ec-cartRow__amountUpButton__icon:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 1px);
  width: 2px;
  height: 16px;
  background-color: #000000;
}

.ec-cartRole .ec-cartRow__subtotalColumn {
  font-size: 20px;
  font-weight: bold;
}

.ec-cartRole .ec-cartRole__actions {
  margin-right: 0;
  width: 30%;
}

/**/
.ec-cartCompleteRole {
  color: #3C3C3C;
  line-height: 1.5;
}

.ec-cartRole .ec-cartRole__totalText {
  font-size: 20px;
  font-weight: bold;
}
/* --------------------------------------------------
		shopping
-------------------------------------------------- */
/**/
#coupon_use_coupon_use {
  margin-top: -16px;
}

/**/
.ec-addressList__address.ec-radio label {
  display: inline-block;
}

.ec-addressList + .ec-registerRole__actions {
  margin-top: 50px;
}

/**/
.ec-AddAddress {
  padding: 0 20px;
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  color: #3C3C3C;
  line-height: 1.5;
}

.ec-AddAddress .ec-inlineBtn {
  font-weight: normal;
}

.ec-AddAddress .ec-AddAddress__new {
  width: 33.3333333333%;
}

.ec-AddAddress .ec-AddAddress__item {
  width: 100%;
}

.ec-AddAddress .ec-AddAddress__itemThumb {
  width: 170px;
}

.ec-AddAddress .ec-AddAddress__brand {
  color: #939393;
  font-size: 14px;
}

.ec-AddAddress .ec-AddAddress__itemtTitle {
  margin-bottom: 5px;
}

.ec-AddAddress .ec-AddAddress__itemtSizeTitle {
  color: #939393;
  font-size: 14px;
}

.ec-AddAddress .ec-AddAddress__itemtSize {
  margin-bottom: 5px;
}

.ec-AddAddress .ec-AddAddress__selectAddress {
  margin-right: 30px;
}

.ec-AddAddress .ec-AddAddress__selectNumber {
  margin-left: 0;
  margin-right: 10px;
}

.ec-AddAddress .ec-AddAddress__selectNumber + .delete {
  vertical-align: bottom;
  padding: 9px 16px 10px;
  margin-bottom: 16px;
}

.ec-AddAddress__actions .ec-blockBtn--action {
  margin-top: 30px;
  margin-bottom: 0;
}

.ec-AddAddress__actions .ec-blockBtn--cancel {
  margin-top: 16px;
}

/**/
.ec-orderRole {
  color: #3C3C3C;
  line-height: 1.5;
}

.ec-orderRole .ec-orderRole__detail {
  padding-left: 0;
}

.ec-orderRole .ec-orderRole__detail > * {
  margin-bottom: 30px;
}

.ec-orderRole .ec-rectHeading {
  margin-bottom: 15px;
}

.ec-orderRole .ec-rectHeading h2 {
  border-radius: 6px 6px;
  background-color: #000000;
  color: #FFFFFF;
}

.ec-orderRole .ec-zipInput span {
  padding: 0 0;
  margin-left: 0;
}

.ec-orderRole .ec-imageGrid {
  position: relative;
  padding: 20px 0;
}

.ec-orderRole .ec-imageGrid .ec-imageGrid__img {
  width: 196px;
  padding: 0 16px 0 10px;
}

.ec-orderRole .ec-imageGrid .ec-imageGrid__brand {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-orderRole .ec-imageGrid .ec-imageGrid__name {
  font-weight: bold;
  margin-bottom: 5px;
}

.ec-orderRole .ec-imageGrid .ec-imageGrid__sizeTitle {
  font-size: 12px;
  font-weight: normal;
  color: #939393;
}

.ec-orderRole .ec-imageGrid .ec-imageGrid__sizeData {
  margin-bottom: 5px;
}

.ec-orderRole .ec-imageGrid.type--b .ec-imageGrid__img {
  display: block;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 15px;
  letter-spacing: -0.4em;
}

.ec-orderRole .ec-imageGrid.type--b .ec-imageGrid__img img {
  width: 50%;
  letter-spacing: 0;
}

.ec-orderRole .ec-imageGrid.type--b .ec-imageGrid__content {
  display: block;
  width: 100%;
  padding: 0 10px;
}

.ec-orderRole .ec-orderDelivery__item .ec-imageGrid__title {
  border-top: 1px dotted #CCCCCC;
  text-align: right;
  font-size: 14px;
  padding-top: 20px;
}

.ec-orderRole .ec-orderDelivery__item .ec-imageGrid__title + .ec-imageGrid {
  border-top: none;
  padding-top: 10px;
}

.ec-orderRole .ec-orderRole__summary {
  position: relative;
  padding-right: 0;
  align-self: flex-start;
}

.ec-orderRole .ec-orderDelivery__place .ec-orderDelivery__title {
  padding-bottom: 0;
}

.ec-orderRole .ec-orderDelivery__place + .ec-orderDelivery__place {
  border-top: 1px dotted #CCCCCC;
  margin-top: 20px;
}

.ec-orderRole .ec-orderMail__body__inner {
  padding: 20px 0;
}

/** update 2022.07.22 追加 **/
.ec-orderRole .ec-orderNote {
  background-color: #F3F3F3;
  padding: 16px 16px;
  font-size: 1.4rem;
}

.ec-orderRole .ec-orderNote a {
  color: #2490D0;
}

.ec-orderRole .ec-orderNote a:hover {
  text-decoration: underline;
}

.ec-orderRole .ec-orderNote > * + * {
  margin-top: 10px;
}

.ec-orderRole .ec-orderNote .ec-orderNote__list {
  font-size: 1.2rem;
}

/** ↑ 2022.07.22 ↑ **/
/**/
.ec-customerRole {
  line-height: 1.5;
  color: #3C3C3C;
}

/** update 2022.06.30 追加 **/
.ec-orderRole .ec-orderPayment .ec-radio > * > p {
  margin-bottom: 20px;
}

.ec-orderRole .ec-orderPayment .ec-radio > * > div {
  font-size: 1.4rem;
}

#gmo_payment_gateway_credit_form .ec-rectHeading {
  margin-bottom: 30px;
}

#gmo_payment_gateway_credit_form .ec-rectHeading input {
  display: inline;
}

#gmo_payment_gateway_credit_form .ec-rectHeading label {
  cursor: pointer;
  display: inline-block;
}

#gmo_payment_gateway_credit_form .ec-rectHeading label {
  position: relative;
  padding-left: 30px;
}

#gmo_payment_gateway_credit_form .ec-rectHeading label:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background: #FFFFFF;
  border: 1px solid #CBCBCB;
  border-radius: 50% 50%;
}

#gmo_payment_gateway_credit_form .ec-rectHeading input:checked + label::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -4px;
  background-color: #707070;
  border-radius: 50% 50%;
}

#gmo_payment_gateway_credit_form .inline {
  display: inline-block;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body {
  margin: -15px 0 14px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table {
  width: 100%;
  display: table;
  margin-top: 15px;
  border-bottom: 1px dotted #cccccc;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:last-child {
  border-bottom: none;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table input {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  cursor: pointer;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dl {
  display: table-row;
  height: auto;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dt {
  font-weight: 700;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dt,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dd {
  display: table-cell;
  border-top: 1px dotted #cccccc;
  border-bottom: none;
  padding: 16px 10px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dl:first-child dt,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table dl:first-child dd {
  border-top: none;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .save_card_select {
  width: 70px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .save_card_no {
  width: 35%;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .save_expire {
  width: calc(35% - 70px);
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .save_holder_name {
  width: 30%;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .save_pay_methods {
  width: 100px;
  font-weight: 700;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body {
  margin-top: -15px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dl {
  height: auto !important;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dt {
  width: 190px;
  font-weight: 700;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dt,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dd {
  border-top: 1px dotted #cccccc;
  padding: 16px 0 6px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dl:first-child dt,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dl:first-child dd {
  border-top: none;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body input,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .ec-checkbox,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .ec-select {
  margin-bottom: 10px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .ec-select {
  margin-left: -8px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .ec-select select {
  margin: 0 8px;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .form-control {
  width: auto;
  display: inline-block;
}

#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body #shopping_order_card_name1,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body #shopping_order_card_name2 {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
}

/** ↑ 2022.06.30 ↑ **/
/* --------------------------------------------------
		contact
-------------------------------------------------- */
.ec-contactRole,
.ec-contactConfirmRole,
.ec-contactCompleteRole {
  line-height: 1.5;
  color: #3C3C3C;
}

.ec-contactRole__intro {
  margin: 0 0 30px !important;
}
/* --------------------------------------------------
		guide
-------------------------------------------------- */
/* --------------------------------------------------
		help
-------------------------------------------------- */
/* helpAbout */
/** update 2021.10.01 追加 **/
.helpAbout-map {
  position: relative;
  width: 100%;
  height: 280px;
}

.helpAbout-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**/
/* helpATradelaw */
/** update 2021.10.13 追加 **/
/** update 2021.11.22 追加&修正 **/
.helpATradelaw .c-table--a td > * + ul {
  margin-top: 0.3em;
}

.helpATradelaw .c-table--a td > ul > li {
  margin-left: 1em;
  text-indent: -1em;
}

.helpATradelaw .c-table--a td > ul > li + li {
  margin-top: 0.3em;
}

/**/
/** update 2022.06.30 追加 **/
/* --------------------------------------------------
		page_gmo_mypage_card_edit
-------------------------------------------------- */
#page_gmo_mypage_card_edit .cardNoCaution {
  color: #DE5D50;
}

#page_gmo_mypage_card_edit .ec-cardRole__actions {
  margin: 30px 0 0;
}

#page_gmo_mypage_card_edit form .ec-mypageRole:nth-child(3) {
  margin-bottom: 80px;
}

#page_gmo_mypage_card_edit .ec-cardList table thead {
  background-color: #000000;
  color: #ffffff;
}

#page_gmo_mypage_card_edit .ec-cardList table thead th {
  padding: 16px 10px;
}

#page_gmo_mypage_card_edit .ec-cardList table tbody {
  border-top: 1px dotted #c4c4c4;
}

#page_gmo_mypage_card_edit .ec-cardList table tbody tr {
  border-bottom: 1px dotted #c4c4c4;
}

#page_gmo_mypage_card_edit .ec-cardList table tbody td {
  padding: 16px 10px;
}

#page_gmo_mypage_card_edit .ec-cardList table tbody input {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  cursor: pointer;
}

#page_gmo_mypage_card_edit .ec-borderedDefs {
  margin-bottom: 0;
}

#page_gmo_mypage_card_edit .ec-halfInput input {
  width: 100%;
  margin-bottom: 0;
}

#page_gmo_mypage_card_edit .ec-halfInput span {
  font-size: 1.4rem;
  display: block;
}

#page_gmo_mypage_card_edit .ec-select {
  margin: 0 -8px;
}

#page_gmo_mypage_card_edit .ec-select select {
  margin: 0 8px;
}
/** ↑ 2022.06.30 ↑ **/
/** update 2023.5.11 追加 **/
/* --------------------------------------------------
		3D_secure
-------------------------------------------------- */
.credit-list {
  width: 660px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.credit-list li {
  margin: 0 20px 20px 0;
  width: 200px;
  background: #fff;
  border: 1px solid #d1d1d1;
}

.credit-list li a {
  padding: 20px;
  display: block;
  transition: 0.3s all;
}

.credit-list li img {
  width: 100%;
  height: auto;
}

.credit-list li button {
  padding: 10px;
  width: 100%;
  color: #fff;
  background: #000;
  cursor: pointer;
}

.buy-flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.buy-flow li {
  margin-right: 30px;
  padding-bottom: 26px;
  width: 160px;
  height: 135px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../img/guide/guide_08_01.png) no-repeat 0 0;
  background-size: contain;
}

.buy-flow .registered {
  padding-bottom: 0;
  width: 134px;
  position: relative;
  background: none;
}

.buy-flow .registered span {
  width: 100%;
  height: 100%;
  color: #fff;
  background: #d1d1d1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.buy-flow .registered::before {
  content: "";
  width: 186px;
  height: 7px;
  background: #d1d1d1;
  position: absolute;
  top: calc(50% - 3px);
  left: -30px;
}

.buy-flow .registered::after {
  content: "";
  border-top: 9px solid transparent;
  border-right: 0;
  border-bottom: 9px solid transparent;
  border-left: 16px solid #d1d1d1;
  position: absolute;
  top: calc(50% - 9px);
  right: -30px;
}

.buy-flow .certification {
  position: relative;
}

.buy-flow .certification span {
  padding-top: 30px;
  line-height: 1.2;
  color: #d5a72d;
}

.buy-flow .certification span::before {
  content: "";
  width: 24px;
  height: 26px;
  background: url(../img/guide/guide_08_02.png) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  top: 20px;
  left: calc(50% - 13px);
}

.buy-flow .certification::before {
  content: "";
  width: 45px;
  height: 7px;
  background: #d1d1d1;
  position: absolute;
  top: calc(50% - 3px);
  right: -45px;
}

.buy-flow .certification::after {
  content: "";
  border-top: 9px solid transparent;
  border-right: 0;
  border-bottom: 9px solid transparent;
  border-left: 16px solid #d1d1d1;
  position: absolute;
  top: calc(50% - 9px);
  right: -60px;
}

.certification-flow {
  display: flex;
  flex-wrap: wrap;
}

.certification-flow li {
  padding: 20px;
  background: #d1d1d1;
}

.certification-flow li img {
  width: auto;
  height: 280px;
}
/** ↑ 2023.5.11 ↑ **/
/* 230824 */
.p-termsList .block:not(:last-child) {
  margin-bottom: 20px;
}

.p-termsList .notice {
  font-size: 12px;
}

.p-termsList .linkList {
  margin-top: 60px;
}

.p-termsList .linkList h3 {
  margin-bottom: 10px;
}

.p-termsList p:not(:last-child) {
  margin-bottom: 20px;
}

.p-termsList a {
  text-decoration: underline;
}
.p-termsList .infoList {
  margin-top: 40px;
}

.p-termsList .infoList .block:not(:last-child) {
  margin-bottom: 30px;
}

main {
  min-height: 40vh;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  .noSP {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .noPC {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1.2rem;
  }
  img {
    max-width: none;
    width: 100%;
  }
  .ec-layoutRole__contents {
    padding-top: 70px;
  }
  .l-headerRole-navTop__inner {
    height: 70px;
    padding: 0 20px;
  }
  .l-headerRole-navTop__menu {
    display: block;
  }
  .l-headerRole-navTop__menu a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
  }
  .l-headerRole-navTop__menu a:before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    transition: top 0.2s ease, transform 0.2s ease;
  }
  .l-headerRole-navTop__menu a:after {
    content: "";
    position: absolute;
    top: calc(50% + 5px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    transition: top 0.2s ease, transform 0.2s ease;
  }
  .l-headerRole-navTop__menu a span {
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #FFFFFF;
    transition: opacity 0.2s ease;
  }
  .l-headerRole-navTop__menu a.is-active:before {
    top: calc(50% - 1px);
    transform: rotate(45deg);
  }
  .l-headerRole-navTop__menu a.is-active:after {
    top: calc(50% - 1px);
    transform: rotate(-45deg);
  }
  .l-headerRole-navTop__menu a.is-active span {
    opacity: 0;
  }
  .l-headerRole-navTop__logo {
    position: absolute;
    top: 50%;
    left: 15%;
    width: 170px; /** update 2021.11.15 修正 **/
    transform: translate(-0%, -50%);
  }
  .l-headerRole-navTop__other-search {
    display: none;
  }
  .l-headerRole-navTop__other-list {
    margin-right: -8px;
  }
  .l-headerRole-navTop__other-list li {
    display: none;
    padding: 0 8px;
  }
  .l-headerRole-navTop__other-list li:nth-child(1), /* 2024-07-11 修正 */
  .l-headerRole-navTop__other-list li:nth-child(2),
  .l-headerRole-navTop__other-list li:nth-child(4) {
    display: block;
  }
  .l-headerRole-navTop__other-list li a {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2rem;
    transition: opacity 0.2s ease;
  }
  .l-headerRole-navTop__other-list li a:hover {
    opacity: 1;
  }
  .l-headerRole-navTop__other-list li a span {
    display: none;
  }
  .l-headerRole-navBottom {
    display: none;
  }
  .l-footerRole__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .l-footerRole-howto {
    margin-bottom: 0;
    padding-top: 0 !important;
  }
  .l-footerRole-howto__list {
    display: block;
    margin: 0 -20px;
  }
  .l-footerRole-howto__list li {
    text-align: left;
    width: 100%;
    padding: 0 0;
    border-bottom: 1px solid #FFFFFF;
  }
  .l-footerRole-howto__list li .image {
    display: none;
  }
  .l-footerRole-howto__list li .title {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 20px;
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 0;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .l-footerRole-howto__list li .text {
    display: none;
  }
  .l-footerRole-howto__list li .button a {
    padding: 18px 20px;
    border: none;
    line-height: 1.5;
    background-color: #8D8D8D;
    color: #8D8D8D;
  }
  .l-footerRole-howto__list li .button a:after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    transform: rotate(135deg);
  }
  .l-footerRole-nav {
    padding: 30px 0;
  }
  .l-footerRole-nav__box {
    display: block;
  }
  .l-footerRole-nav__box-nav {
    padding-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  .l-footerRole-nav__box-nav__list {
    display: block;
    font-size: 1.4rem;
  }
  .l-footerRole-nav__box-nav__list > li {
    width: 100%;
  }
  .l-footerRole-nav__box-nav__list ul li a:hover {
    opacity: 1;
  }
  /** update 2021.11.15 修正 **/
  .l-footerRole-nav__box-link__logo {
    margin: 0 auto 20px;
    width: 170px;
  }
  /**/
  .l-footerRole-nav__box-link__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
  }
  .l-footerRole-copyright {
    padding: 12px 0;
  }
  .l-footerRole-copyright__text {
    font-size: 1rem;
  }
  /** update 2022.06.30 追加 **/
  .ec-drawerRole {
    background-color: transparent;
  }
  /** ↑ 2022.06.30 ↑ **/
  .l-drawerRole-nav {
    display: block;
    background-color: #FFFFFF;
  }
  .l-drawerRole-nav__search {
    position: relative;
    padding: 15px 25px;
  }
  .l-drawerRole-nav__search input {
    width: 90%;
    border: 1px solid #E2E2E2;
    padding: 10px 10px 10px 45px;
  }
  .l-drawerRole-nav__search button {
    position: absolute;
    top: 30px;
    left: 35px;
    width: 24px;
    height: 20px;
    cursor: pointer;
    background-image: url(../img/icon_search.svg);
    background-repeat: no-repeat;
    background-position: center center;
  }
  .l-drawerRole-nav__search .close{
    position: absolute;
    right: 20px;
    top: 28px;
    width: 24px;
    height: 24px;
    margin: auto;
  }
  .l-drawerRole-nav__search .close:hover{
    cursor: pointer;
  }
  .l-drawerRole-nav__search .close:before,
  .l-drawerRole-nav__search .close:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px; 
    height: 20px; 
    background: #bababa; 
  }
  .l-drawerRole-nav__search .close:before{
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .l-drawerRole-nav__search .close:after{
    transform: translate(-50%,-50%) rotate(-45deg);
  }
  .l-drawerRole-nav__list li {
    border-top: 1px solid #FFFFFF;
  }
  .l-drawerRole-nav__list li a {
    display: block;
    position: relative;
    color: #FFFFFF;
    line-height: 1.5;
    font-size: 1.4rem;
    padding: 18px 20px;
  }
  .l-drawerRole-nav__list.list--a li a {
    background-color: #5C5C5C;
  }
  .l-drawerRole-nav__list.list--b li a {
    background-color: #1D1D1D;
  }
  .l-drawerRole-nav__list li a:after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    transform: rotate(135deg);
  }
  .l-2col {
    display: block;
    max-width: none;
    padding: 0 0;
  }
  .l-2col__left {
    width: 100%;
  }
  .l-2col__right {
    width: 100%;
    padding-left: 0;
  }
  .l-2col .u-cts__inner {
    padding: 0 20px;
  }
  .c-h1__title--a {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .c-h2__title--a {
    font-size: 1.2rem;
  }
  .c-h2__title--a span {
    display: block;
    font-size: 2rem;
    margin: 0 0 5px;
  }
  .c-h2__title--b {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .c-h2__title--b .u-font--renogare { /** update 2021.11.15 クラス名修正 **/
    /*.c-h2__title--b .u-font--en {*/
    font-size: 5rem;
    /** 2022-08-29追加 */
    padding-bottom: 10px;
  }
  .c-h3__title--a {
    font-size: 1.8rem;
    margin-bottom: 15px;
    padding-top: 30px;
  }
  .c-button--line:hover {
    text-decoration: underline;
  }
  .c-button--a:hover {
    opacity: 1;
  }
  .c-button--b:hover {
    background-color: #000000;
    color: #FFFFFF;
  }
  .c-button--c:hover {
    background-color: transparent;
    color: #FFFFFF;
  }
  .c-button--d:hover {
    background-color: transparent;
    color: #000000;
  }
  .c-button--e:hover .image img {
    transform: translate(-50%, -50%) scale(1);
  }
  .c-button--f:hover .image img {
    transform: scale(1);
  }
  .c-button--g {
    font-size: 1.4rem;
  }
  .c-button--g:hover {
    background-color: #C7A344;
    color: #FFFFFF;
  }
  .c-button--h {
    font-size: 1.4rem;
  }
  .c-button--h:hover {
    background-color: #000000;
    color: #FFFFFF;
  }
  .c-button--h span:before {
    content: none;
  }
  .c-button--i {
    font-size: 1.4rem;
    text-align: left;
    padding: 11px 35px 11px 20px;
  }
  .c-button--i:hover {
    background-color: #000000;
    color: #FFFFFF;
  }
  .c-button--i:hover:before {
    border-color: #FFFFFF;
  }
  .c-button--j:hover {
    text-decoration: underline;
  }
  /** update 2021.10.27 追加 **/
  .c-button--k {
    width: 47px;
    height: 47px;
  }
  .c-button--k:hover {
    opacity: 1;
  }
  .c-button--k .icon {
    width: 23px;
  }
  /**/
  .c-list--a {
    margin: -10px -5px 0;
  }
  .c-list--a > li {
    margin-top: 10px;
    padding: 0 5px;
  }
  .c-list--b {
    margin: -15px -5px 0;
  }
  .c-list--b > li {
    margin-top: 15px;
    padding: 0 5px;
    width: 50%;
  }
  .c-list--c {
    margin: -10px -5px 0;
  }
  .c-list--c > li {
    margin-top: 10px;
    padding: 0 5px;
    width: 100%;
  }
  .c-box--a {
    padding: 30px 20px 40px;
  }
  .c-table--a table tr {
    border-bottom: 1px solid #C4C4C4;
  }
  .c-table--a table tr:last-child {
    border-bottom: none;
  }
  .c-table--a table th {
    display: block;
    width: 100%;
    padding: 15px 0 5px;
  }
  .c-table--a table td {
    display: block;
    width: 100%;
    padding: 0 0 15px;
  }
  .pagetop {
    bottom: 50px;
    right: 10px;
  }
  .pagetop a {
    width: 40px;
    height: 40px;
  }
  .pagetop a:before {
    width: 8px;
    height: 8px;
  }
  .pagetop a:hover {
    background-color: #000000;
  }
  .pagetop a:hover:before {
    border-color: #FFFFFF;
  }
  .p-instagram__title {
    margin-bottom: 30px;
  }
  .p-instagram__title img {
    width: 35px;
  }
  .p-instagram__title span {
    font-size: 2.5rem;
  }
  .p-instagram__list {
    max-width: none;
  }
  .p-customerReview {
    margin-top: 50px;
    padding-bottom: 50px;
  }
  .p-customerReview__title {
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
  .p-customerReview__title span {
    font-size: 2.5rem;
  }
  .p-customerReview__list-wrap {
    margin-bottom: 30px;
  }
  /** update 2022.12.05 追加&修正 **/
  .p-customerReview__list {
    max-width: none;
    padding: 0 18.2666666667vw;
  }
  /* ↑ 2022.12.05 */
  .p-customerReview__list .item {
    width: 58.6666666667vw;
    margin: 0 9px;
  }
  .p-customerReview__list .body {
    padding: 15px 10px;
  }
  .p-customerReview__list .body .star {
    width: 79px;
    height: 12px;
  }
  .p-customerReview__list .body .title {
    font-size: 1.6rem;
  }
  .p-customerReview__vote {
    width: 62.6865671642%;
  }
  /** update 2022.12.05 追加&修正 **/
  .p-scene__list {
    max-width: none;
    padding: 0 18.2666666667vw;
  }
  /* ↑ 2022.12.05 */
  .p-scene__list .item {
    width: 58.6666666667vw;
    margin: 0 9px;
  }
  .p-scene__list .item .body {
    padding: 15px 10px;
  }
  .p-scene__list .item .body .icon {
    width: 30px;
    margin-right: 10px;
  }
  .p-scene__list .item .body .text {
    font-size: 1.2rem;
  }
  .p-scene__list .item .body .user {
    font-size: 1rem;
  }
  .p-news__list li > * {
    padding: 10px 0;
  }
  .p-news__list li a:hover {
    background-color: transparent;
  }
  .p-news__list li .date {
    width: 65px;
    padding: 0.5em 0 0;
    font-size: 1.1rem;
  }
  .p-news__list li a:hover .date {
    left: 0;
  }
  .p-news__list li .date span {
    font-size: 3.6rem;
  }
  .p-news__list li .body {
    display: block;
  }
  .p-news__list li .body .category {
    width: auto;
    font-size: 1.2rem;
  }
  .p-news__list li .body .text {
    padding-right: 0;
  }
  .p-breadcrumbs {
    padding-top: 50px !important;
  }
  .p-breadcrumbs__list li a:hover {
    opacity: 1;
  }
  .p-slick--a .slick-arrow {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
  }
  .p-slick--a .slick-arrow:hover {
    opacity: 1;
  }
  .p-slick--a .slick-arrow:before {
    width: 6px;
    height: 6px;
  }
  .p-slick--a .slick-prev {
    left: 15px;
  }
  .p-slick--a .slick-next {
    right: 15px;
  }
  .p-slick--b .slick-arrow {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
  }
  .p-slick--b .slick-arrow:hover {
    opacity: 1;
  }
  .p-slick--b .slick-arrow:before {
    width: 6px;
    height: 6px;
    top: calc(50% - 4px);
  }
  .p-slick--b .slick-prev {
    left: 10px;
  }
  .p-slick--b .slick-prev:before {
    left: calc(50% - 3px);
  }
  .p-slick--b .slick-next {
    right: 10px;
  }
  .p-slick--b .slick-next:before {
    left: calc(50% - 6px);
  }
  .p-slick--c .slick-arrow {
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
  }
  .p-slick--c .slick-arrow:hover {
    opacity: 1;
  }
  .p-slick--c .slick-arrow:before {
    width: 6px;
    height: 6px;
  }
  .p-productSideList {
    position: relative;
    padding: 20px 20px;
    background-color: #FFFFFF;
  }
  .p-productSideList > li + li {
    margin-top: 20px;
  }
  .p-productSideList__title {
    font-size: 1.4rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .p-productSideList__list--a li a:hover {
    border-color: #FDFDFD;
  }
  .p-productSideList__list--a li a.is-active {
    border-color: #000000;
  }
  .p-productSideList__list--b li a:hover,
.p-productSideList__list--b li a.is-active {
    background-color: #FFFFFF;
  }
  .p-productSideSelect {
    background-color: transparent;
    border-radius: 0 0;
    margin-bottom: 0;
    padding-top: 30px;
  }
  .p-productSideSelect-box {
    display: none;
  }
  .p-productSideSelect__list {
    border-top: none;
    padding: 0 0;
    margin: -3px 0 0 -3px;
  }
  .p-productSideSelect__list li {
    margin: 3px 0 0 3px;
  }
  .p-productSideSelect__list a {
    font-size: 1.2rem;
    padding: 4px 6px;
    border-radius: 4px 4px;
    background-color: #F2F2F2;
  }
  .p-productSideSelect__list a:hover {
    color: #939393;
  }
  .p-productSideSelect__list a span {
    margin-right: 0;
  }
  .p-productSideSelect__list a:hover span:before,
.p-productSideSelect__list a:hover span:after {
    border-color: #939393;
  }
  .p-productsTopList {
    position: relative;
    z-index: 10;
  }
  .p-productsTopList__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-productsTopList__list:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #FFFFFF;
  }
  .p-productsTopList__list > li {
    width: 50%;
  }
  .p-productsTopList__list-button {
    position: relative;
    z-index: 2;
    display: block;
    line-height: 1.5;
    font-size: 1.4rem;
    padding: 18px 20px;
    color: #FFFFFF;
    background-color: #8D8D8D;
  }
  .p-productsTopList__list-button:before {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 14px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    transform: rotate(-135deg);
  }
  .p-productsTopList__list-button.is-active {
    color: #3C3C3C;
    background-color: #FFFFFF;
  }
  .p-productsTopList__list-button.is-active:before {
    top: calc(50% - 2px);
    transform: rotate(45deg);
    border-color: #000000;
  }
  .p-productsTopList__list-body {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 0 0 0 rgba(74, 74, 74, 0.16);
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.4s ease;
  }
  .p-productsTopList__list-body.is-active {
    transform: translateY(0);
    box-shadow: 0 3px 20px rgba(74, 74, 74, 0.16);
  }
  .p-pager {
    margin: 30px -20px 0;
    padding: 15px 20px;
    background-color: #F2F2F2;
  }
  .p-pager .p-pager__prev:hover:before {
    left: 14px;
  }
  .p-pager .p-pager__next:hover:before {
    right: 14px;
  }
  .p-pager .p-pager__num,
.p-pager .p-pager__dot {
    display: none;
  }
  .p-pager .p-pager__total {
    display: inline-block;
    font-size: 1.4rem;
    margin: 0 10px;
  }
  .p-recommendList .tag {
    font-size: 1rem;
    padding: 2px 5px;
  }
  .p-recommendList .body {
    padding-top: 5px;
  }
  .p-recommendList .brand {
    font-size: 1rem;
  }
  .p-recommendList .name {
    font-size: 1.4rem;
  }
  .p-recommendList .price {
    font-size: 1.4rem;
  }
  .p-guideBox__inner {
    margin-top: 40px;
  }
  .p-guideBox__title {
    font-size: 1.6rem;
    border-radius: 6px 6px;
    padding: 15px 15px;
    margin-bottom: 20px;
  }
  .p-guideBox__subtitle {
    border-left-width: 5px;
    font-size: 1.4rem;
    margin: 30px 0 20px;
    padding-left: 10px;
  }
  .p-guideBox__body {
    margin-left: 0;
  }
  /* update 2022.01.11 追加 */
  .p-guideBox__smalltitle {
    font-size: 1.6rem;
  }
  /* ↑ 2022.01.11 */
  /* update 2021.11.22 削除 */
  /*.p-guideBox__body p.image {
  	margin-bottom: 15px;
  }*/
  /* update 2022.01.11 追加 */
  .p-guideBox__subtitle[class*=logo-] {
    margin: 30px auto 20px;
  }
  .p-guideBox__subtitle.logo-store {
    max-width: 200px;
  }
  .p-guideBox__subtitle.logo-ituki {
    width: 70px;
  }
  /* ↑ 2022.01.11 */
  .p-termsList > li + li {
    margin-top: 30px;
  }
  .p-termsList > li h2 {
    margin-bottom: 10px;
  }
  .p-termsList > li .tl {
    margin-left: 0;
  }
  .p-termsList > li ul li,
.p-termsList > li ul.ms li {
    margin-left: 0;
    text-indent: 0;
  }
  /** update 2022.01.11 追加 **/
  .p-range-separate .line {
    top: 0;
  }
  /* ↑ 2022.01.11 */
  /* update 2023.02.08 追加 */
  .p-pageloader__logo {
    width: 200px;
  }
  /* ↑ 2023.02.08 */
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
  .u-cts {
    /** 2022-08-29修正 */
    /* padding-top: 50px; */
    padding-top: 30px;
  }
  .u-cts__inner,
.u-cts__inner--1000,
.u-cts__inner--1400 {
    max-width: none;
    padding: 0 20px;
  }
  .u-ancher {
    padding-top: 70px;
    margin-top: -70px;
  }
  .u-pt-sp--0 {
    padding-top: 0 !important;
  }
  .u-pt-sp--05 {
    padding-top: 5px !important;
  }
  .u-pt-sp--10 {
    padding-top: 10px !important;
  }
  .u-pt-sp--15 {
    padding-top: 15px !important;
  }
  .u-pt-sp--20 {
    padding-top: 20px !important;
  }
  .u-pt-sp--25 {
    padding-top: 25px !important;
  }
  .u-pt-sp--30 {
    padding-top: 30px !important;
  }
  .u-pt-sp--35 {
    padding-top: 35px !important;
  }
  .u-pt-sp--40 {
    padding-top: 40px !important;
  }
  .u-pt-sp--45 {
    padding-top: 45px !important;
  }
  .u-pt-sp--50 {
    padding-top: 50px !important;
  }
  .u-pt-sp--60 {
    padding-top: 60px !important;
  }
  .u-pt-sp--70 {
    padding-top: 70px !important;
  }
  .u-pt-sp--80 {
    padding-top: 80px !important;
  }
  .u-pt-sp--90 {
    padding-top: 90px !important;
  }
  .u-pt-sp--100 {
    padding-top: 100px !important;
  }
  .u-mt-sp--0 {
    margin-top: 0 !important;
  }
  .u-mt-sp--05 {
    margin-top: 5px !important;
  }
  .u-mt-sp--10 {
    margin-top: 10px !important;
  }
  .u-mt-sp--15 {
    margin-top: 15px !important;
  }
  .u-mt-sp--20 {
    margin-top: 20px !important;
  }
  .u-mt-sp--25 {
    margin-top: 25px !important;
  }
  .u-mt-sp--30 {
    margin-top: 30px !important;
  }
  .u-mt-sp--35 {
    margin-top: 35px !important;
  }
  .u-mt-sp--40 {
    margin-top: 40px !important;
  }
  .u-mt-sp--45 {
    margin-top: 45px !important;
  }
  .u-mt-sp--50 {
    margin-top: 50px !important;
  }
  .u-mt-sp--60 {
    margin-top: 60px !important;
  }
  .u-mt-sp--70 {
    margin-top: 70px !important;
  }
  .u-mt-sp--80 {
    margin-top: 80px !important;
  }
  .u-mt-sp--90 {
    margin-top: 90px !important;
  }
  .u-mt-sp--100 {
    margin-top: 100px !important;
  }
  .u-pb-sp--0 {
    padding-bottom: 0 !important;
  }
  .u-pb-sp--05 {
    padding-bottom: 5px !important;
  }
  .u-pb-sp--10 {
    padding-bottom: 10px !important;
  }
  .u-pb-sp--15 {
    padding-bottom: 15px !important;
  }
  .u-pb-sp--20 {
    padding-bottom: 20px !important;
  }
  .u-pb-sp--25 {
    padding-bottom: 25px !important;
  }
  .u-pb-sp--30 {
    padding-bottom: 30px !important;
  }
  .u-pb-sp--35 {
    padding-bottom: 35px !important;
  }
  .u-pb-sp--40 {
    padding-bottom: 40px !important;
  }
  .u-pb-sp--45 {
    padding-bottom: 45px !important;
  }
  .u-pb-sp--50 {
    padding-bottom: 50px !important;
  }
  .u-pb-sp--60 {
    padding-bottom: 60px !important;
  }
  .u-pb-sp--70 {
    padding-bottom: 70px !important;
  }
  .u-pb-sp--80 {
    padding-bottom: 80px !important;
  }
  .u-pb-sp--90 {
    padding-bottom: 90px !important;
  }
  .u-pb-sp--100 {
    padding-bottom: 100px !important;
  }
  .u-mb-sp--0 {
    margin-bottom: 0 !important;
  }
  .u-mb-sp--05 {
    margin-bottom: 5px !important;
  }
  .u-mb-sp--10 {
    margin-bottom: 10px !important;
  }
  .u-mb-sp--15 {
    margin-bottom: 15px !important;
  }
  .u-mb-sp--20 {
    margin-bottom: 20px !important;
  }
  .u-mb-sp--25 {
    margin-bottom: 25px !important;
  }
  .u-mb-sp--30 {
    margin-bottom: 30px !important;
  }
  .u-mb-sp--35 {
    margin-bottom: 35px !important;
  }
  .u-mb-sp--40 {
    margin-bottom: 40px !important;
  }
  .u-mb-sp--45 {
    margin-bottom: 45px !important;
  }
  .u-mb-sp--50 {
    margin-bottom: 50px !important;
  }
  .u-mb-sp--60 {
    margin-bottom: 60px !important;
  }
  .u-mb-sp--70 {
    margin-bottom: 70px !important;
  }
  .u-mb-sp--80 {
    margin-bottom: 80px !important;
  }
  .u-mb-sp--90 {
    margin-bottom: 90px !important;
  }
  .u-mb-sp--100 {
    margin-bottom: 100px !important;
  }
  .top-visual {
    min-height: 0;
    padding-bottom: 101.3333333333%;
  }
  .top-visual__image {
    min-width: 0;
    width: 100%; /** update 2021.09.02 修正 **/
  }
  /** update 2021.11.15 修正 **/
  /** update 2022.01.11 修正 **/
  .top-visual__body .title {
    width: 80px;
  }
  /* ↑ 2022.01.11 */
  .top-visual__body .text {
    font-size: 1.4rem;
  }
  .top-visual__body .button {
    width: 150px;
  }
  .top-infomation {
    padding-top: 15px;
  }
  .top-infomation__list {
    font-size: 1.2rem;
  }
  .top-infomation__list li a:hover {
    text-decoration: underline;
  }
  .top-product__list {
    margin: -5px -10px 0;
  }
  .top-product__list li {
    width: 50%;
    padding: 0 10px;
    margin-top: 5px;
  }
  .top-product__list li a {
    padding: 10px 0;
  }
  .top-product__list li a:hover {
    color: #3C3C3C;
    background-color: transparent;
  }
  .top-product__list li a .image {
    width: 40px;
    margin-right: 10px;
  }
  .top-order-product {
    margin: 0 -20px;
  }
  .top-order-product .image {
    height: 101.3333333333vw;
  }
  .top-order-product .image img {
    width: 100%; /** update 2021.09.02 修正 **/
  }
  .top-order-product .body {
    left: 35%;
    margin-right: 5%;
  }
  /** update 2021.11.15 修正 **/
  /** update 2022.01.11 修正 **/
  .top-order-product .body .title {
    width: 70px;
  }
  /* ↑ 2022.01.11 */
  .top-situation__list {
    display: block;
    margin: 0 0;
  }
  .top-situation__list li {
    width: 100%;
    padding: 0 0;
  }
  .top-situation__list li + li {
    margin-top: 30px;
  }
  .top-situation__list li .text span {
    font-size: 2rem;
  }
  .top-brand__list li {
    margin: 0 -20px;
  }
  .top-brand__list li + li {
    margin-top: 40px;
  }
  .top-brand__list li a {
    display: block;
    background-color: transparent;
    box-shadow: none;
  }
  .top-brand__list li .image {
    width: 100%;
    height: 58.3333333333vw;
  }
  .top-brand__list li .image img {
    width: 100%;
  }
  .top-brand__list li .body {
    width: 100%;
    padding: 20px 20px 0;
  }
  .top-brand__list li .body .logo {
    margin-bottom: 20px;
  }
  .top-brand__list li .body .logo.logo--pamouna img {
    width: 125px;
  }
  .top-brand__list li .body .logo.logo--margin img {
    width: 90px;
  }
  .top-brand__list li .body .logo.logo--bellacontte img,
.top-brand__list li .body .logo.logo--cadenza img {
    width: 160px;
  }
  .top-brand__list li .body .text {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  .top-brand__list li .body .c-button--b {
    width: 47.7611940299%;
  }
  .ituki-enjoy__lead {
    margin-bottom: 30px;
  }
  .ituki-enjoy__list li .item {
    display: block;
    height: auto;
  }
  .ituki-enjoy__list li .image {
    height: 0;
    padding-bottom: 53.7313432836%;
  }
  .ituki-enjoy__list li .image img {
    width: 100%;
  }
  .ituki-enjoy__list li .body {
    width: 100%;
    display: block;
    padding: 20px 20px !important;
  }
  .ituki-enjoy__list li .body:before {
    content: none;
  }
  .ituki-enjoy__list li .title {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .ituki-enjoy__list li .text {
    max-width: none;
    font-size: 1.4rem;
  }
  /** update 2021.11.15 追加 **/
  .ituki-order .c-h2__title--b .u-font--renogare img {
    width: 132px;
  }
  /**/
  .ituki-order__lead {
    margin-bottom: 30px;
    text-align: left;
  }
  .ituki-order__list {
    margin: -10px -5px 0;
  }
  .ituki-order__list li {
    width: 50%;
    padding: 0 5px;
    margin-top: 10px;
  }
  .ituki-order__list li .title {
    font-size: 2rem;
    line-height: 1.2;
  }
  .ituki-order__list li .text {
    font-size: 1.4rem;
  }
  .itukiList-title__title {
    font-size: 1.6rem;
  }
  .itukiList-title__title .en {
    font-size: 2.5rem;
  }
  .itukiList-nav {
    padding-top: 0;
  }
  .itukiList-main {
    padding-top: 30px;
  }
  .itukiList-main__list a {
    border-radius: 5px 5px;
  }
  .itukiList-main__list .body {
    padding: 10px 10px;
  }
  .itukiList-main__list .name {
    font-size: 1.4rem;
    margin-bottom: 2px;
  }
  .itukiList-main__list .type {
    font-size: 1.2rem;
  }
  body.is-color-modal .simulation-main .panel-main .custom__list .item-color .value.list {
    padding: 20px;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list ul {
    margin-top: 20vw;
    padding-right: 20px;
    height: 70%;
    overflow: scroll;
    gap: 10px 10px;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list li {
    width: calc(33.3333333333% - 7px);
  }
  .simulation-main .panel-main .custom__list .item-color .value.list li label {
    padding: 5px;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::before,
.simulation-main .panel-main .custom__list .item-color .value.list .is-close-btn::after {
    width: 30px;
    top: 15px;
  }
  .simulation-main .product-box {
    padding-top: 20px;
    margin: 0 -20px;
  }
  /* update 2022.06.03 修正 */
  .simulation-main .product-box__inner .product-simulator {
    width: 100%;
    height: 400px;
  }
  /** ↑ 2022.06.03 ↑ **/
  /* update 2022.06.03 追加 */ /** update 2022.06.30 修正 **/
  .simulation-main .panel-simulator__note {
    font-size: 1rem;
    margin: 15px 0 10px 20px;
  }
  /** ↑ 2022.06.03 ↑ **/ /** ↑ 2022.06.30 ↑ **/
  .simulation-main .panel-subnum {
    right: 15px;
  }
  .simulation-main .panel-subnum .controll {
    width: 30px;
    border-radius: 15px 15px;
  }
  .simulation-main .panel-subnum button {
    width: 30px;
    height: 30px;
  }
  .simulation-main .panel-subnum button:hover {
    opacity: 1;
  }
  .simulation-main .panel-subnum button.up:before {
    top: 11px;
    left: 9px;
    width: 6px;
    height: 6px;
  }
  .simulation-main .panel-subnum button.down:before {
    top: 7px;
    left: 9px;
    width: 6px;
    height: 6px;
  }
  .simulation-main .panel-subnum .num {
    line-height: 35px;
    font-size: 1.4rem;
  }
  .simulation-main .panel-main {
    padding-top: 20px;
    margin: 0 -20px;
  }
  .simulation-main .panel-main .panel {
    padding: 20px 20px;
  }
  .simulation-main .panel-main .select__list {
    margin: 0 -20px 15px;
    font-size: 1.4rem;
  }
  .simulation-main .panel-main .select__list ul li:first-child {
    padding-left: 15px;
  }
  .simulation-main .panel-main .select__list ul li:last-child {
    padding-left: 15px;
  }
  .simulation-main .panel-main .custom__list .value {
    font-size: 1.4rem;
  }
  .simulation-main .panel-main .custom__list .value.switch {
    padding: 5px 0 6px;
  }
  .simulation-main .panel-main .custom__list .item-style .value.list {
    margin: 0 -10px;
  }
  .simulation-main .panel-main .custom__list .item-style .value.list li {
    width: 50px;
    margin: 10px 10px 0;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list {
    padding: 2px 0;
  }
  .simulation-main .panel-main .panel-bottom__box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  /* update 2022.01.25 修正 */
  /*.simulation-main .panel-main .panel-bottom__box .cart__button {*/
  .simulation-main .panel-main .panel-bottom__box > form {
    width: calc(62.6865671642% + 70px);
    max-width: 370px;
    padding-right: 70px;
  }
  /* ↑ 2022.01.25 */
  .simulation-main .panel-main .panel-bottom__box .cart__button .c-button--h {
    width: 100%;
  }
  .simulation-main .panel-main .panel-bottom__box .favorite__button {
    margin-left: 0;
  }
  .simulation-main .panel-main .panel-bottom__note {
    font-size: 1rem;
  }
  .simulation-main .panel-main .panel-bottom__note .link {
    font-size: 1.2rem;
  }
  .simulation-main .view-switch__button {
    right: 15px;
  }
  .simulation-main .view-switch__button a {
    width: 40px;
    height: 40px;
  }
  /* 2023.06.19 */
  .simulation-main .u-cts__inner {
    display: flex;
    flex-direction: column;
  }
  .simulation-main .product-title {
    order: 2;
  }
  .simulation-main .product-box {
    padding-top: 0;
    order: 1;
  }
  .simulation-main .product-box .panel-simulator__note {
    position: absolute;
    left: 0;
    bottom: 15px;
  }
  .simulation-main .panel-main {
    order: 3;
  }
  .simulation-main .panel-main .view-switch__button {
    top: -100px;
  }
  .simulation-movie__list {
    display: block;
    margin: 0 0;
  }
  .simulation-movie__list li {
    width: 100%;
    padding: 0 0;
  }
  .simulation-movie__list li + li {
    margin-top: 20px;
  }
  .simulation-movie__list li .body {
    padding: 20px 20px;
  }
  .simulation-movie__list li .title {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .simulation-movie__list li .text {
    font-size: 1.4rem;
  }
  .simulation-detail {
    padding-top: 0;
  }
  /** update 2023.03.28 修正 **/
  .simulation-detail__inner {
    margin: 0 -20px;
  }
  .simulation-detail__button {
    display: block;
  }
  .simulation-detail__body {
    display: none;
    border-radius: 0 0;
    padding: 0 20px;
    background-color: transparent;
  }
  .simulation-detail__body .box {
    margin-top: 20px;
  }
  .simulation-detail__body .box + .box {
    margin-top: 20px;
  }
  .simulation-detail__body .box .title {
    font-size: 1.4rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .simulation-detail__body .box .figure {
    margin: 0 -10px;
  }
  .simulation-detail__body .box .figure img {
    padding: 15px 10px 0;
  }
  /** update 2023.02.08 修正 **/
  .simulation-detail-tab {
    margin: 0 -20px;
    background-color: #FFFFFF;
    padding-bottom: 30px;
  }
  /* ↑ 2023.02.08 */
  .simulation-detail-tab__tab {
    margin: 0 0;
  }
  .simulation-detail-tab__tab li {
    margin: 0 0;
    width: 33.3333333333%;
  }
  .simulation-detail-tab__tab li a {
    position: relative;
    padding: 15px 0;
    border-radius: 0 0;
    font-size: 1.4rem;
  }
  .simulation-detail-tab__tab li:not(.is-active) a:hover {
    opacity: 1;
  }
  .simulation-detail-tab__body {
    border-radius: 0 0;
  }
  .simulation-detail-tab__body > .item {
    padding: 0 20px;
  }
  .simulation-detail-tab__body .box .box {
    margin-top: 20px;
  }
  .simulation-detail-tab__body .box .box .title {
    margin: 0 40px 0 10px;
  }
  .simulation-detail-tab__body .box .box h5.title {
    margin-left: 30px;
    font-size: 1.2rem;
  }
  .simulation-custom__list {
    max-width: none;
    padding: 0 30px;
  }
  .simulation-custom__list .item {
    margin: 0 9px;
  }
  .simulation-custom__list .item .image {
    margin-bottom: 10px;
  }
  .productsList-nav {
    padding-top: 0;
  }
  .productsList-main {
    padding-top: 30px;
  }
  .productsList-main__view {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .productsList-main__view-total {
    font-size: 1.8rem;
  }
  .productsList-main__view-select span {
    margin-right: 10px;
  }
  .productsList-main__list {
    margin-top: -15px;
  }
  .productsList-main__list li {
    margin-top: 15px;
  }
  .productsList-main__list .tag {
    font-size: 1rem;
    padding: 2px 5px;
  }
  .productsList-main__list .body {
    padding-top: 5px;
  }
  .productsList-main__list .brand {
    font-size: 1rem;
  }
  .productsList-main__list .name {
    font-size: 1.4rem;
  }
  .productsList-main__list .price {
    font-size: 1.4rem;
  }
  .productsList-main__list .color {
    margin: 0 0 4px -4px;
  }
  .productsList-main__list .color li span {
    width: 10px;
    height: 10px;
  }
  .productsList-main__list .size {
    font-size: 1.2rem;
  }
  .productsDetail-main {
    padding-top: 0;
  }
  .productsDetail-main-upper {
    display: block;
    margin-bottom: 40px;
  }
  .productsDetail-main__image {
    width: 100%;
  }
  .productsDetail-main__image-main {
    margin: 0 -20px 20px;
  }
  .productsDetail-main__image-main .num {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #FFFFFF;
    padding: 2px 10px 2px 30px;
    border-radius: 20px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../img/icon_square4.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 12px 12px;
  }
  .productsDetail-main__image-sub {
    display: none;
  }
  .productsDetail-main__info {
    width: 100%;
  }
  .productsDetail-main__info .brand {
    font-size: 1.6rem;
  }
  .productsDetail-main__info .name {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  /** update 2021.10.27 削除 **/
  /*.productsDetail-main__info .box {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  }*/
  /**/
  .productsDetail-main__info .price {
    font-size: 2.2rem;
  }
  .productsDetail-main__info .price .zei {
    font-size: 1rem;
  }
  /** update 2022.02.16 追加 **/
  .productsDetail-main__info .info {
    margin-bottom: 15px;
    font-size: 1.2rem;
  }
  /* ↑2022.02.16↑ */
  /** update 2021.10.27 削除 **/
  /*.productsDetail-main__info .box form {
  	width: 42%;
  	margin-top: 0;
  }
  .productsDetail-main__info .box form .c-button--g {
  	font-size: 1.3rem;
  }*/
  /**/
  /** update 2021.10.27 追加 **/
  .productsDetail-main__info .recommend .c-button--k {
    top: -47px;
  }
  /**/
  .productsDetail-main__info .text {
    margin-top: 20px;
  }
  /** update 2021.10.27 修正 **/
  .productsDetail-main__info .link {
    font-size: 1.2rem;
  }
  /**/
  .productsDetail-main__info .c-input--a,
.productsDetail-main__info .c-select--a {
    margin-bottom: 15px;
  }
  /** update 2021.10.27 修正 **/
  .productsDetail-main__info .cart {
    width: calc(62.6865671642% + 70px);
  }
  /**/
  .productsDetail-main-under {
    margin: 0 -20px;
  }
  .productsDetail-main__detail-button {
    display: block;
  }
  .productsDetail-main__detail-body {
    background-color: #FFFFFF;
    border-radius: 0 0;
    padding: 0 0;
    display: none;
  }
  .productsDetail-main__detail-body .box {
    margin-top: 0 !important;
    padding: 20px 20px 0;
  }
  .productsDetail-main__detail-body .box:last-child {
    padding-bottom: 30px;
  }
  .productsDetail-main__detail-body .title {
    font-size: 1.4rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .ec-blockBtn:hover {
    background-color: #F5F7F8;
    border-color: #CCCCCC;
  }
  .ec-blockBtn--action:hover {
    opacity: 1;
  }
  .ec-blockBtn--cancel:hover {
    opacity: 1;
  }
  .ec-blockBtn--delete:hover {
    opacity: 1;
  }
  .ec-radio label span {
    margin-bottom: 10px;
  }
  .ec-select {
    margin-bottom: 10px;
  }
  .ec-input .ec-errorMessage,
.ec-halfInput .ec-errorMessage,
.ec-numberInput .ec-errorMessage,
.ec-zipInput .ec-errorMessage,
.ec-telInput .ec-errorMessage,
.ec-select .ec-errorMessage,
.ec-birth .ec-errorMessage {
    margin-bottom: 10px;
  }
  .ec-input .ec-errorMessage + .ec-errorMessage,
.ec-halfInput .ec-errorMessage + .ec-errorMessage,
.ec-numberInput .ec-errorMessage + .ec-errorMessage,
.ec-zipInput .ec-errorMessage + .ec-errorMessage,
.ec-telInput .ec-errorMessage + .ec-errorMessage,
.ec-select .ec-errorMessage + .ec-errorMessage,
.ec-birth .ec-errorMessage + .ec-errorMessage {
    margin-top: -8px;
  }
  .ec-input textarea {
    margin-bottom: 10px;
  }
  .ec-pageHeader {
    margin: 50px 0 30px;
  }
  .ec-pageHeader h1 {
    font-size: 2rem;
  }
  .ec-reportHeading h2 {
    font-size: 1.9rem;
  }
  .ec-borderedDefs {
    margin-bottom: 20px;
    border-top: none;
  }
  .ec-borderedDefs dl {
    display: block;
    padding: 0 0;
    border-bottom: none;
  }
  .ec-borderedDefs dt {
    padding: 15px 20px 10px;
    margin: 0 -20px;
    width: auto;
    background-color: #DBDBDB;
  }
  .ec-borderedDefs dd {
    padding: 20px 0;
  }
  .ec-borderedDefs dd > div:last-child {
    margin-bottom: -10px;
  }
  .pamounaForm__title {
    padding-top: 30px;
  }
  .pamounaForm__wrap {
    padding: 0 20px 30px;
    margin: 0 -20px;
    border: none;
    border-radius: 0 0;
  }
  .ec-registerRole__intro {
    padding-top: 30px;
  }
  .ec-login {
    padding: 0 20px 30px;
    margin: 0 -20px;
    border: none;
    border-radius: 0 0;
  }
  .ec-login .ec-grid2 .ec-grid2__cell {
    text-align: left;
  }
  .ec-login .ec-login__actions {
    width: 100%;
  }
  /**/
  .ec-navlistRole .ec-navlistRole__item {
    width: 100%;
  }
  .ec-navlistRole .ec-navlistRole__item a:hover {
    color: #080808;
    background-color: transparent;
  }
  .ec-navlistRole .ec-navlistRole__item.active a {
    color: #FFFFFF;
    background-color: #080808;
  }
  /* update 2022.04.07 修正 */
  .ec-navlistRole .ec-navlistRole__logout {
    position: relative;
    top: 0;
    text-align: right;
    margin-bottom: 10px;
  }
  .ec-navlistRole .ec-navlistRole__logout .logout__button:hover {
    opacity: 1;
  }
  /* ↑ 2022.04.07 */
  /**/
  .ec-historyRole + .ec-historyRole {
    margin-top: 10px;
  }
  .ec-historyRole .ec-historyRole__contents {
    padding: 20px 15px;
    border-radius: 6px 6px;
  }
  .ec-historyRole .ec-historyRole__header .ec-definitions {
    margin-bottom: 0;
  }
  .ec-historyRole .ec-historyRole__detail {
    border-top: none;
  }
  .ec-historyRole .ec-imageGrid {
    padding: 20px 0;
  }
  .ec-historyRole .ec-imageGrid .ec-imageGrid__img {
    width: 136px;
  }
  .ec-historyRole .ec-imageGrid.type--b .ec-imageGrid__img {
    padding: 0 0;
    margin-bottom: 10px;
    max-width: none;
  }
  .ec-historyRole .ec-imageGrid.type--b .ec-imageGrid__content {
    padding: 0 0;
  }
  .ec-historyRole .ec-historyFooter__definitions {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: none;
  }
  .ec-historyRole .ec-historyFooter__date {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 15px;
  }
  .ec-historyRole .ec-historyListHeader__action {
    position: relative;
    top: 0;
    width: auto;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
  }
  .ec-historyRole .ec-historyListHeader__action a {
    margin-bottom: 0;
    width: calc(50% - 20px);
    margin: 0 10px;
  }
  /**/
  .ec-favoriteRole .ec-favoriteRole__itemList {
    margin: -10px -5px 0;
  }
  .ec-favoriteRole .ec-favoriteRole__item {
    margin-top: 15px;
    padding: 0 5px;
    width: 50%;
  }
  .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle {
    top: -10px;
    right: 0;
    width: 30px;
    height: 30px;
  }
  .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:hover {
    opacity: 1;
  }
  .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:after {
    width: 16px;
  }
  .ec-favoriteRole .ec-favoriteRole__item .ec-closeBtn--circle:before {
    width: 16px;
  }
  .ec-favoriteRole .ec-favoriteRole__item-image {
    margin-bottom: 5px;
  }
  .ec-favoriteRole .ec-favoriteRole__item-image .tag {
    font-size: 1rem;
    padding: 2px 5px;
  }
  .ec-favoriteRole .ec-favoriteRole__itemBrand {
    font-size: 1rem;
  }
  .ec-favoriteRole .ec-favoriteRole__itemTitle {
    font-size: 1.4rem;
  }
  .ec-favoriteRole .ec-favoriteRole__itemPrice {
    font-size: 1.4rem;
  }
  /**/
  .ec-addressRole .ec-addressRole__actions {
    width: 100%;
  }
  .ec-addressList .ec-addressList__item {
    display: block;
    border-radius: 6px 6px;
    padding: 20px 15px;
  }
  .ec-addressList .ec-addressList__address {
    margin-bottom: 15px;
  }
  .ec-addressList .ec-addressList__action {
    width: auto;
    margin: 0 -10px;
  }
  .ec-addressList .ec-addressList__action > div {
    padding: 0 10px;
  }
  /**/
  .ec-withdrawRole .ec-withdrawRole__title,
.ec-withdrawConfirmRole .ec-withdrawConfirmRole__title {
    font-size: 1.9rem;
  }
  .ec-cartRole .ec-cartRole__totalText {
    padding: 0 0;
    margin-bottom: 30px;
  }
  .ec-cartRow .ec-cartRow__delColumn {
    width: 12%;
  }
  .ec-cartRole .ec-cartRow__contentColumn {
    width: 100%;
    padding-right: 10px;
  }
  .ec-cartRow .ec-cartRow__img {
    width: 40%;
    max-width: 120px;
  }
  .ec-cartRow .ec-cartRow__summary {
    width: auto;
  }
  .ec-cartRow .ec-cartRow__sutbtotalSP {
    font-size: 14px;
    font-weight: bold !important;
  }
  .ec-cartRole .ec-cartRole__actions {
    width: 100%;
  }
  .ec-cartRole .ec-cartRole__totalAmount {
    font-size: 20px;
  }
  .ec-progress {
    margin-bottom: 30px;
  }
  /**/
  .ec-addressList + .ec-registerRole__actions {
    margin-top: 30px;
  }
  /**/
  .ec-AddAddress .ec-AddAddress__new {
    width: 100%;
  }
  .ec-AddAddress .ec-AddAddress__itemThumb {
    min-width: 120px;
    max-width: 120px;
  }
  .ec-AddAddress .ec-AddAddress__selectAddress label {
    display: inline-block;
    margin-bottom: 5px;
  }
  .ec-AddAddress .ec-AddAddress__selectNumber + .delete {
    margin-bottom: 10px;
  }
  /**/
  .ec-orderRole .ec-rectHeading h2 {
    border-radius: 4px 4px;
    font-size: 18px;
  }
  .ec-orderRole .ec-imageGrid .ec-imageGrid__img {
    max-width: 136px;
    padding-left: 0;
  }
  .ec-orderRole .ec-imageGrid.type--b .ec-imageGrid__img {
    padding: 0 0;
    margin-bottom: 10px;
    max-width: none;
  }
  .ec-orderRole .ec-imageGrid.type--b .ec-imageGrid__content {
    padding: 0 0;
  }
  .ec-totalBox .ec-totalBox__price {
    font-size: 20px;
  }
  /** update 2022.06.30 追加 **/
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:nth-of-type(1) dl:first-child {
    display: none;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:nth-of-type(1) dl {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    border-top: 1px dotted #cccccc;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:nth-of-type(1) dt,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:nth-of-type(1) dd {
    border-top: none;
    padding: 0 10px 16px;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_1_body .dl_table:nth-of-type(1) dd:nth-child(4) {
    width: 100%;
    padding-left: 43px;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dl {
    display: block;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dt {
    display: block;
    width: 100%;
    padding-bottom: 0;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body dd {
    display: block;
    border-top: none;
    padding: 10px 0 8px;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body input[type=tel] {
    width: 100%;
    margin-right: 0;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body .inline {
    display: block;
  }
  #gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body #shopping_order_card_name1,
#gmo_payment_gateway_credit_form #shopping_order_payment_type_0_body #shopping_order_card_name2 {
    width: calc(100% - 2em);
    margin-right: 0;
  }
  /** ↑ 2022.06.30 ↑ **/
  .ec-contactRole__intro {
    padding-top: 30px;
  }
  /* helpAbout */
  /** update 2021.10.01 追加 **/
  .helpAbout-map {
    height: 200px;
  }
  /**/
  /* helpATradelaw */
  /** update 2021.10.13 追加 **/
  .helpATradelaw .c-table--a td > ul > li {
    margin-left: 0;
    text-indent: 0;
  }
  /**/
  #page_gmo_mypage_card_edit .ec-cardRole__actions {
    margin-top: 20px;
  }
  #page_gmo_mypage_card_edit form .ec-mypageRole:nth-child(3) {
    margin-bottom: 50px;
  }
  #page_gmo_mypage_card_edit .ec-cardList table thead {
    display: none;
  }
  #page_gmo_mypage_card_edit .ec-cardList table tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0 0;
  }
  #page_gmo_mypage_card_edit .ec-cardList table tbody td {
    padding: 0 10px 16px;
  }
  #page_gmo_mypage_card_edit .ec-cardList table tbody td:nth-child(5) {
    width: 100%;
    padding-left: 43px;
  }
  .credit-list {
    width: 100%;
  }
  .credit-list li {
    margin-right: 0;
    margin-bottom: 4vw;
    width: calc(50% - 2vw);
  }
  .credit-list li:nth-child(odd) {
    margin-right: 4vw;
  }
  .credit-list li a {
    padding: 3vw;
  }
  .credit-list li button {
    padding: 2vw;
    font-size: 4vw;
  }
  .buy-flow {
    padding: 8vw;
    border: 1px solid #d1d1d1;
    justify-content: center;
  }
  .buy-flow li {
    margin-right: 0;
    margin-bottom: 2vw;
    width: 45vw;
    height: 39vw;
    font-size: 4.6vw;
  }
  .buy-flow .registered {
    margin-bottom: 10vw;
    width: 40vw;
    height: 40vw;
  }
  .buy-flow .registered::before {
    width: 10px;
    height: 50vw;
    top: -4vw;
    left: calc(50% - 5px);
  }
  .buy-flow .registered::after {
    content: "";
    border-top: 7vw solid #d1d1d1;
    border-right: 4vw solid transparent;
    border-bottom: 0;
    border-left: 4vw solid transparent;
    position: absolute;
    top: auto;
    right: 16.2vw;
    bottom: -11vw;
  }
  .buy-flow .certification {
    margin-bottom: 10vw;
  }
  .buy-flow .certification::before {
    width: 10px;
    height: 6vw;
    top: auto;
    left: calc(50% - 5px);
    bottom: -5vw;
  }
  .buy-flow .certification::after {
    content: "";
    border-top: 7vw solid #d1d1d1;
    border-right: 4vw solid transparent;
    border-bottom: 0;
    border-left: 4vw solid transparent;
    position: absolute;
    top: auto;
    right: 18.8vw;
    bottom: -11vw;
  }
  .certification-flow li {
    margin-bottom: 4vw;
    padding: 3vw;
  }
  .certification-flow li img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 1240px) {
  .l-headerRole-navBottom__list > li > a {
    padding: 13px 2.734375vw;
  }
}

@media screen and (max-width: 1000px) {
  .l-headerRole-navBottom__list-sub-switch {
    display: none;
  }
  .c-list--a > li {
    width: 50%;
  }
  .simulation-main {
    min-height: 0;
  }
  .simulation-main .product-title {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .simulation-main .product-title .title {
    font-size: 2rem;
    font-weight: 700;
  }
  .simulation-main .product-title .price {
    font-size: 2.2rem;
    font-weight: 700;
  }
  .simulation-main .product-title .price .zei {
    font-size: 1rem;
    color: #939393;
    padding-left: 5px;
  }
  .simulation-main .product-box {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    padding-top: 40px;
  }
  .simulation-main .panel-sub {
    display: none;
  }
  .simulation-main .panel-subnum {
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 0;
  }
  .simulation-main .panel-subnum .controll {
    display: none;
    width: 36px;
    background-color: #ffffff;
    border-radius: 18px 18px;
  }
  .simulation-main .panel-subnum button {
    position: relative;
    width: 36px;
    height: 36px;
    background-color: #ffffff;
    border: 2px solid #CECECE;
    border-radius: 50% 50%;
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  .simulation-main .panel-subnum button:hover {
    opacity: 0.8;
  }
  .simulation-main .panel-subnum button.up:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 11px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(45deg);
  }
  .simulation-main .panel-subnum button.down:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 11px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(-135deg);
  }
  .simulation-main .panel-subnum button:disabled {
    border-color: #ffffff;
    cursor: default;
  }
  .simulation-main .panel-subnum button:disabled:hover {
    opacity: 1;
  }
  .simulation-main .panel-subnum button:disabled:before {
    border-color: #CECECE;
  }
  .simulation-main .panel-subnum .num {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 1.6rem;
  }
  .simulation-main .panel-main {
    position: relative;
    width: auto;
    padding-top: 40px;
    margin-left: 0;
  }
  .simulation-main .panel-main .title {
    display: none;
  }
  .simulation-main .panel-main .panel-top__box {
    display: none;
  }
  .simulation-main .panel-main .panel-middle__box {
    padding-bottom: 20px;
  }
  .simulation-main .panel-main .select__list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 -30px 15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .simulation-main .panel-main .select__list::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .simulation-main .panel-main .select__list ul {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: -0.4em;
  }
  .simulation-main .panel-main .select__list ul li {
    display: inline-block;
    letter-spacing: 0;
    padding: 0 5px;
  }
  .simulation-main .panel-main .select__list ul li:first-child {
    padding-left: 20px;
  }
  .simulation-main .panel-main .select__list ul li:last-child {
    padding-right: 20px;
  }
  .simulation-main .panel-main .select__list ul li a {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px 4px;
  }
  .simulation-main .panel-main .select__list ul li a.active {
    color: #ffffff;
    background-color: #898989;
  }
  .simulation-main .panel-main .custom__list > li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
  }
  .simulation-main .panel-main .custom__list > li.active {
    display: block;
  }
  .simulation-main .panel-main .custom__list > li + li {
    margin-top: 0;
  }
  .simulation-main .panel-main .custom__list .name {
    display: none;
  }
  .simulation-main .panel-main .custom__list .value.slider {
    margin-top: 0;
  }
  .simulation-main .panel-main .custom__list .value.switch {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 0;
  }
  .simulation-main .panel-main .custom__list .value.list ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -10px -5px 0;
  }
  .simulation-main .panel-main .custom__list .item-color .value.list {
    padding: 4px 0;
  }
  .simulation-main .panel-main .panel-bottom__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .simulation-main .panel-main .panel-bottom__box .favorite__button {
    display: block;
    margin-left: 20px;
  }
  .simulation-main .view-switch__button {
    bottom: auto;
    top: -30px;
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  .l-footerRole-howto {
    padding-bottom: 100px;
  }
  .credit-list li a:hover {
    opacity: 0.7;
  }
  .certification-flow li:not(:last-child) {
    padding-right: 0;
  }
  .buy-flow .certification {
    margin-right: 60px;
  }
  .p-termsList a[href^=tel] {
    pointer-events: none;
    text-decoration: none;
  }
}

@media screen and (max-width: 847px) {
  .l-headerRole-navTop__logo {
    width: 170px;
  }
  .l-headerRole-navTop__other-search input {
    width: 180px;
  }
}

@media screen and (max-width: 320px) {
  .l-headerRole-navTop__logo {
    width: 130px;
  }
}

@media screen and (max-width: 1100px) {
  .productsList-main__list .box-left {
    width: 100%;
    margin-right: 0;
  }
  .productsList-main__list .price { /* update 2021.10.01 追加 */
    margin: 0 0;
  }
  .productsList-main__list .box-right {
    width: 100%;
  }
  .productsList-main__list .color {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 4px;
  }
  .productsList-main__list .size {
    text-align: left;
  }
}

@media screen and (max-width: 827px) {
  .productsDetail-main__info .recommend .c-button--k {
    left: auto;
    right: 0;
  }
}
.l-footerRole-nav__box-nav__list .toggle {
  display: none;
}
.l-footerRole-nav__box-nav__list .Label  {		/*タイトル*/
  display: block;
}
.l-footerRole-nav__box-nav__list .Label a  {
  color: #fff;
}
.l-footerRole-nav__box-nav__list .Label::before{		/*タイトル横の矢印*/
  content:"";
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 7px;
  right: 80px;
  transform: rotate(135deg);
}
.l-footerRole-nav__box-nav__list .Label,
.l-footerRole-nav__box-nav__list .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  padding-bottom: 15px;
}
.l-footerRole-nav__box-nav__list ul li {
    margin-bottom: 15px;
}
.l-footerRole-nav__box-nav__list .content {		/*本文*/
  height: 0;
  margin-bottom:10px;
  padding: 0 0 0 5px;
  overflow: hidden;
}
.l-footerRole-nav__box-nav__list .toggle:checked + .Label + .content {	/*開閉時*/
  height: auto;
  padding:15px 0 0 5px;
  transition: all .3s;
}
.l-footerRole-nav__box-nav__list .toggle:checked + .Label::before {
  transform: rotate(-45deg) !important;
}
.review #yotpo-testimonials-custom-tab{
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
.l-footerRole-nav__box-nav__list .Label::before{		/*タイトル横の矢印*/
  position: absolute;
  top: 7px;
  right: 0px;
}
}
.l-blockRole .yotpo-label {
  display: none;
}
.l-blockRole #yotpo-testimonials-custom-tab .yotpo-modal-bottom-line {
  border-top: none;
}
.l-blockRole .yotpo div,.l-blockRole .yotpo span,.l-blockRole .yotpo a{
  font-family: 'Noto Sans JP', sans-serif !important;
  line-height: 1.5;
  color: #3C3C3C;
}
#yotpo-testimonials-custom-tab .yotpo .yotpo-default-button,#yotpo-testimonials-custom-tab .yotpo input[type="button"].yotpo-default-button,#yotpo-testimonials-custom-tab .yotpo{
  font-family: 'Noto Sans JP', sans-serif !important;
}
.l-blockRole #yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-title,
.l-blockRole #yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-review,
.l-blockRole #yotpo-testimonials-custom-tab .yotpo-nav-tab span {
  color: #3C3C3C;
}
.l-blockRole .yotpo .yotpo-popup-box-large{
  padding: 12px 0px 5px;
}
.l-blockRole .yotpo .yotpo-review .yotpo-footer .footer-actions{
  float: none;
}
.l-blockRole .yotpo .yotpo-icon-seperator:before {
  content: " ";
}
.l-blockRole .yotpo .yotpo-grouping-reference a {
  text-decoration: underline !important;
}
.l-blockRole .ec-pageHeader p {
  margin: 60px 0 0;
}
.l-blockRole .yotpo .yotpo-regular-box,
.l-blockRole .yotpo .yotpo-popup-box-small,
.l-blockRole .yotpo .yotpo-popup-box-medium{
  margin: 0;
}
.l-blockRole .yotpo .yotpo-popup-box-medium{
  padding: 0;
}
.l-blockRole .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-stars {
  padding: 0 10px 0 0;
}
.l-blockRole .yotpo .yotpo-pager{
  margin: 50px 0;
}
.review .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-icon-circle-checkmark{
  background: #FAFAFA;
}
@media screen and (max-width: 768px) {
  .review #yotpo-testimonials-custom-tab{
    padding-bottom: 50px;
  }
.l-blockRole #yotpo-testimonials-custom-tab .yotpo-modal-bottom-line {
  padding: 0 0 20px;
}
.l-blockRole .y-label.label-helpful{
  display: block;
  margin-top: 10px;
  float: left;
  width:100%;
}
.l-blockRole .yotpo .yotpo-review .yotpo-footer .yotpo-helpful .vote-btn{
  margin-left: 0;
}
.l-blockRole .yotpo .yotpo-review .yotpo-footer .yotpo-helpful .yotpo-sum{
  margin: 0 10px 0 0;
}
.l-blockRole .yotpo .yotpo-review .yotpo-footer .yotpo-grouping-reference span.yotpo-attribution-indicator{
  display: block;
  width: 100%;
}
.l-blockRole .ec-pageHeader p {
  margin: 15px 0 0;
}
.review .yotpo .yotpo-default-button,.review .yotpo input[type="button"].yotpo-default-button{
  display: none !important;
}
.l-blockRole .yotpo .yotpo-pager{
  margin: 25px 0;
}
}
/* 240711 */
@media screen and (max-width: 767px) {
  .l-headerRole-navTop {
    z-index: 1;
  }
  .l-drawerRole-nav__search {
    background: #fff;
    position: fixed;
    width: 100%;
    transition: .3s all;
    box-shadow: 0 0 8px 8px rgba(0, 0, 0, .1);
    transform: translateY(-100vh);
  }
  .have_search .l-drawerRole-nav__search {
    transform: translateY(0);
  }
  .l-drawerRole-nav__list.list--btn {
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .l-drawerRole-nav__list.list--btn a {
    padding: 4vw;
    width: 42vw;
    line-height: 1;
    text-align: center;
  }
  .l-drawerRole-nav__list.list--btn a::after {
    display: none;
  }
  .l-drawerRole-nav__list.list--btn .login {
    color: #fff;
    background: #000;
    border: 1px solid #000;
  }
  .l-drawerRole-nav__list.list--btn .entry {
    color: #000;
    background: #fff;
    border: 1px solid #000;
  }
  .l-drawerRole-nav__list.list--above {
    color: #000;
    background: #fff;
  }
  .l-drawerRole-nav__list.list--above li {
    border-top: 1px solid #e6e6e6;
  }
  .l-drawerRole-nav__list.list--above li a {
    color: #000;
    display: block;
  }
  .l-drawerRole-nav__list.list--above .ico {
    padding-left: 11.3675vw;
    position: relative;
  }
  .l-drawerRole-nav__list.list--above .ico img {
    width: 5.3vw;
    height: 5.3vw;
    object-fit: contain;
    position: absolute;
    top: calc(50% - 2.65vw);
    left: 4vw;
    filter: brightness(0);
  }
  .l-drawerRole-nav__list.list--above .submenuttl a {
    padding-right: 12vw;
    color: #000;
    background: #f2f2f2;
    position: relative;
  }
  .l-drawerRole-nav__list.list--above .submenuttl a::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #454545;
    border-left: 2px solid #454545;
    transform: rotate(225deg);
  }
  .l-drawerRole-nav__list.list--above .submenuttl a.open::after {
    transform: rotate(45deg);
  }
  .l-drawerRole-nav__list.list--above .submenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .l-drawerRole-nav__list.list--above .submenu li {
    margin: 0 0 -1px -1px;
    width: 50%;
    align-self: stretch;
    border: 1px solid #e6e6e6;
  }
  .l-drawerRole-nav__list.list--above .submenu li a {
    padding: 3vw;
    font-size: 3vw;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.8vw;
  }
  .l-drawerRole-nav__list.list--above .submenu li a::after {
    display: none;
  }
  .l-drawerRole-nav__list.list--above .submenu li .image {
    width: 10vw;
    height: 10vw;
  }
  .l-drawerRole-nav__list.list--above .submenu li .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .l-drawerRole-nav__list.list--above .submenu li .text {
    width: calc(100% - 14vw);
  }
  .l-drawerRole-nav__list.list--below {
    color: #fff;
    background: #000;
    padding-top: 18px;
  }
  .l-drawerRole-nav__list.list--below li {
    border: none;
  }
  .l-drawerRole-nav__list.list--below li a::after {
    display: none;
  }
  .l-drawerRole-nav__list.list--sns {
    padding: 6vw 6vw 40vw 6vw;
    background: #000;
    display: flex;
    justify-content: center;
    gap: 7.69vw;
  }
  .l-drawerRole-nav__list.list--sns li {
    border-top: none;
  }
  .l-drawerRole-nav__list.list--sns li a {
    padding: 0;
  }
  .l-drawerRole-nav__list.list--sns li a::after {
    display: none;
  }
  .l-drawerRole-nav__list.list--sns li img {
    width: 7.69vw;
    height: 7.69vw;
  }
}