@charset "UTF-8";
/*リセット
--------------------------------------------*/
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

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

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/*  font weight -----------------
Amandine
regular 400, medium 500, bold 700

DNP Shuei Gothic Kin Std,DNP Shuei Gothic Gin Std
L 400, M 500, B 600

Kepler Std
light 300, regular 400, bold 700

Futura PT
book 400, medium 500, heavy 700
----------------------------------*/
/* コンテンツ
---------------------------------------------*/
html,
body,
#wrapper {
  width: 100%;
  color: #222222;
  background-color: #F4F2EF;
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  scroll-behavior: smooth;
}
@media screen and (min-width: 769px) {
  html,
  body,
  #wrapper {
    font-size: min(1.09375vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  html,
  body,
  #wrapper {
    font-size: min(3.2558139535vw, 14px);
  }
}
html a,
body a,
#wrapper a {
  text-decoration: none;
  color: #222222;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

div.hamb_button {
  display: none;
  position: fixed;
  z-index: 1000;
  background-color: #A85242;
  border-radius: 50%;
  border: solid 1px #B26851;
}
@media screen and (max-width: 768px) {
  div.hamb_button {
    width: min(13.9534883721vw, 60px);
    height: min(13.9534883721vw, 60px);
    top: min(2.3255813953vw, 10px);
    right: min(2.3255813953vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button {
    width: min(4.6875vw, 60px);
    height: min(4.6875vw, 60px);
    top: min(0.78125vw, 10px);
    right: min(0.78125vw, 10px);
  }
}
div.hamb_button button.hamb-menu {
  position: relative;
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  div.hamb_button button.hamb-menu {
    width: min(13.9534883721vw, 60px);
    height: min(13.9534883721vw, 60px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button button.hamb-menu {
    width: min(4.6875vw, 60px);
    height: min(4.6875vw, 60px);
  }
}
div.hamb_button button.hamb-menu span.hamb-menu__bar {
  display: inline-block;
  background: #fff;
  position: absolute;
  transition: 0.5s;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar {
    width: min(6.976744186vw, 30px);
    height: min(0.4651162791vw, 2px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar {
    width: min(2.34375vw, 30px);
    height: min(0.15625vw, 2px);
  }
}
@media screen and (max-width: 768px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:first-child {
    top: min(4.6511627907vw, 20px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:first-child {
    top: min(1.5625vw, 20px);
  }
}
@media screen and (max-width: 768px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:nth-child(2) {
    top: min(6.7441860465vw, 29px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:nth-child(2) {
    top: min(2.265625vw, 29px);
  }
}
@media screen and (max-width: 768px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:last-child {
    top: min(8.8372093023vw, 38px);
  }
}
@media screen and (min-width: 769px) {
  div.hamb_button button.hamb-menu span.hamb-menu__bar:last-child {
    top: min(2.96875vw, 38px);
  }
}

div.hamb_button--open {
  border: solid 1px #B26851;
}
div.hamb_button--open button.hamb-menu span.hamb-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 50%;
}
div.hamb_button--open button.hamb-menu span.hamb-menu__bar:nth-child(2) {
  display: none;
}
div.hamb_button--open button.hamb-menu span.hamb-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  top: 50%;
}

nav {
  background-color: #A85242;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  display: none;
  height: 100%;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  nav {
    overflow: scroll;
  }
}
@media screen and (min-width: 769px) {
  nav {
    padding-top: min(16.796875vw, 215px);
  }
}
nav .nav__list {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  margin: 0 auto;
  list-style: none;
}
@media screen and (max-width: 768px) {
  nav .nav__list {
    width: min(90.6976744186vw, 390px);
    padding-bottom: min(18.6046511628vw, 80px);
    padding-top: min(28.6046511628vw, 123px);
    gap: min(4.6511627907vw, 20px) min(2.3255813953vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  nav .nav__list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: min(53.125vw, 680px);
    padding-bottom: min(5.859375vw, 75px);
    gap: min(1.953125vw, 25px) min(1.5625vw, 20px);
  }
}
nav .nav__list .nav__list-item a {
  display: block;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  nav .nav__list .nav__list-item a {
    width: min(20.9302325581vw, 90px);
  }
}
@media screen and (min-width: 769px) {
  nav .nav__list .nav__list-item a {
    width: min(6.25vw, 80px);
  }
}
nav .nav__list .nav__list-item a img {
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  nav .nav__list .nav__list-item a img {
    width: min(20.9302325581vw, 90px);
    height: min(20.9302325581vw, 90px);
    margin-bottom: min(1.488372093vw, 6.4px);
  }
}
@media screen and (min-width: 769px) {
  nav .nav__list .nav__list-item a img {
    width: min(6.25vw, 80px);
    height: min(6.25vw, 80px);
    margin-bottom: min(0.703125vw, 9px);
  }
}
nav .nav__list .nav__list-item a p.brand {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  line-height: 1.2857142857;
}
@media screen and (max-width: 768px) {
  nav .nav__list .nav__list-item a p.brand {
    font-size: min(3.2558139535vw, 14px);
    margin-bottom: min(0.6976744186vw, 3px);
  }
}
@media screen and (min-width: 769px) {
  nav .nav__list .nav__list-item a p.brand {
    font-size: min(1.09375vw, 14px);
    margin-bottom: min(0.234375vw, 3px);
  }
}
nav .nav__list .nav__list-item a p.brand span {
  display: inline-block;
}
nav .nav__list .nav__list-item a p.staff_name {
  font-family: "dnp-shuei-gothic-kin-std", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  nav .nav__list .nav__list-item a p.staff_name {
    font-size: min(2.7906976744vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  nav .nav__list .nav__list-item a p.staff_name {
    font-size: min(0.9375vw, 12px);
  }
}

.navigation {
  display: none;
  background: #242424;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 9999;
}

.navigation__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation__list-item {
  border-bottom: solid 1px #474747;
}

.navigation__list-item:first-child {
  border-top: solid 1px #474747;
}

.navigation__link {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 24px 0;
  transition: 0.5s;
}

section.fv {
  background-color: #A85242;
}
section.fv div.flex {
  display: flex;
  position: relative;
  justify-content: space-between;
}
section.fv div.flex div.sidetext {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.sidetext {
    width: 8.3720930233vw;
    margin-top: 9.45%;
  }
}
@media screen and (min-width: 769px) {
  section.fv div.flex div.sidetext {
    height: 18.59375vw;
    margin-top: 4.0390625vw;
  }
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.sidetext img {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  section.fv div.flex div.sidetext img {
    height: 100%;
  }
}
section.fv div.flex div.img_area {
  line-height: 0;
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.img_area {
    width: 84%;
    margin-bottom: 11.6279069767vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv div.flex div.img_area {
    width: 86%;
    margin-bottom: 4.53125vw;
  }
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.img_area ul.above li {
    width: 41.8604651163vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv div.flex div.img_area ul.above li {
    width: 15.625vw;
  }
}
section.fv div.flex div.img_area ul.above li img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.img_area ul.below li {
    width: 41.8604651163vw;
  }
}
section.fv div.flex div.img_area ul.below li img {
  -o-object-fit: cover;
     object-fit: cover;
}
section.fv div.flex div.bubble {
  position: absolute;
  contain: paint;
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.bubble {
    top: 53%;
    right: 6.7441860465vw;
    width: 10.4651162791vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv div.flex div.bubble {
    top: 43.125vw;
    left: 50%;
    transform: translateX(-50%);
    width: 21.09375vw;
  }
}
section.fv div.flex div.bubble p.pcNone {
  writing-mode: vertical-rl;
  line-height: 12.5;
  letter-spacing: 0.3em;
  position: absolute;
  top: 50%;
  left: 59%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #A85242;
}
@media screen and (max-width: 768px) {
  section.fv div.flex div.bubble p.pcNone {
    font-size: 3.7209302326vw;
    padding-top: 1.1627906977vw;
  }
}
section.fv::before {
  content: "";
  display: block;
  background-color: #F4F2EF;
  width: 100%;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  section.fv::before {
    height: 83.488372093vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv::before {
    height: 28.046875vw;
  }
}
section.fv h2 {
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  section.fv h2 {
    font-size: 9.5348837209vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 {
    font-size: min(3.90625vw, 50px);
  }
}
@media screen and (max-width: 768px) {
  section.fv h2 span.sp34 {
    font-size: 7.9069767442vw;
    margin-right: 6.511627907vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 span.sp34 {
    font-size: min(3.28125vw, 42px);
    margin-right: min(2.65625vw, 34px);
  }
}
section.fv h2 span.sp74 {
  font-family: "kepler-std", serif;
  color: #F4DCC1;
  font-weight: 300;
  position: relative;
}
@media screen and (max-width: 768px) {
  section.fv h2 span.sp74 {
    font-size: 17.2093023256vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 span.sp74 {
    font-size: min(7.1875vw, 92px);
  }
}
section.fv h2 span.sp74::before {
  content: "“";
  font-family: "kepler-std", serif;
  font-weight: 400;
  position: absolute;
}
@media screen and (max-width: 768px) {
  section.fv h2 span.sp74::before {
    font-size: 10.6976744186vw;
    top: 3.9534883721vw;
    left: -6.511627907vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 span.sp74::before {
    font-size: min(4.453125vw, 57px);
    top: min(1.71875vw, 22px);
    left: min(-1.71875vw, -22px);
  }
}
section.fv h2 span.sp74::after {
  content: "”";
  font-family: "kepler-std", serif;
  position: absolute;
}
@media screen and (max-width: 768px) {
  section.fv h2 span.sp74::after {
    font-size: 10.6976744186vw;
    top: 3.9534883721vw;
    right: -5.8139534884vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 span.sp74::after {
    font-size: min(4.453125vw, 57px);
    top: min(1.71875vw, 22px);
    right: min(-1.5625vw, -20px);
  }
}
section.fv h2 span.sp38 {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  section.fv h2 span.sp38 {
    font-size: 8.8372093023vw;
    margin-left: 6.511627907vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2 span.sp38 {
    font-size: min(3.671875vw, 47px);
    margin-left: min(2.34375vw, 30px);
  }
}
section.fv h2::before {
  content: "インフルエンサースタッフが考えた";
  display: block;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  section.fv h2::before {
    font-size: 4.1860465116vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2::before {
    font-size: min(1.71875vw, 22px);
  }
}
section.fv h2::after {
  content: "( 2024 AUTUMN )";
  display: block;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  section.fv h2::after {
    font-size: 3.2558139535vw;
    margin-top: 1.3953488372vw;
    margin-bottom: 9.3023255814vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv h2::after {
    font-size: min(1.25vw, 16px);
    margin-top: min(0.546875vw, 7px);
    margin-bottom: min(3.125vw, 40px);
  }
}
section.fv p.text {
  line-height: 1.875;
  color: #fff;
}
@media screen and (max-width: 768px) {
  section.fv p.text {
    font-size: 3.7209302326vw;
    width: 86.0465116279vw;
    margin: 0 auto;
    padding-bottom: 11.1627906977vw;
  }
}
@media screen and (min-width: 769px) {
  section.fv p.text {
    text-align: center;
    font-size: min(1.40625vw, 18px);
    width: min(53.125vw, 680px);
    margin: 0 auto;
    padding-bottom: min(3.90625vw, 50px);
  }
}

section.menu {
  background-color: #A85242;
}
@media screen and (max-width: 768px) {
  section.menu {
    margin-bottom: min(11.6279069767vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  section.menu {
    margin-bottom: min(6.25vw, 80px);
  }
}
section.menu h3 {
  font-family: "amandine", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.1em;
  color: #fff;
  border: solid 1px #F4DCC1;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.menu h3 {
    font-size: min(5.1162790698vw, 22px);
    width: min(27.9069767442vw, 120px);
    height: min(11.6279069767vw, 50px);
    margin-bottom: min(4.6511627907vw, 20px);
  }
}
@media screen and (min-width: 769px) {
  section.menu h3 {
    font-size: min(1.71875vw, 22px);
    width: min(9.375vw, 120px);
    height: min(3.90625vw, 50px);
    margin-bottom: min(2.34375vw, 30px);
  }
}
section.menu h3 p {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
section.menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  section.menu ul {
    width: 90.6976744186vw;
    padding-bottom: min(18.6046511628vw, 80px);
    gap: min(4.6511627907vw, 20px) min(2.3255813953vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  section.menu ul {
    width: min(53.125vw, 680px);
    padding-bottom: min(5.859375vw, 75px);
    gap: min(1.953125vw, 25px) min(1.5625vw, 20px);
  }
}
section.menu ul li a {
  display: block;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  section.menu ul li a {
    width: min(20.9302325581vw, 90px);
  }
}
@media screen and (min-width: 769px) {
  section.menu ul li a {
    width: min(6.25vw, 80px);
  }
}
section.menu ul li a img {
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  section.menu ul li a img {
    width: min(20.9302325581vw, 90px);
    height: min(20.9302325581vw, 90px);
    margin-bottom: min(1.488372093vw, 6.4px);
  }
}
@media screen and (min-width: 769px) {
  section.menu ul li a img {
    height: min(6.25vw, 80px);
    margin-bottom: min(0.703125vw, 9px);
  }
}
section.menu ul li a p.brand {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  line-height: 1.2857142857;
}
@media screen and (max-width: 768px) {
  section.menu ul li a p.brand {
    font-size: min(3.2558139535vw, 14px);
    margin-bottom: min(0.6976744186vw, 3px);
  }
}
@media screen and (min-width: 769px) {
  section.menu ul li a p.brand {
    font-size: min(1.09375vw, 14px);
    margin-bottom: min(0.234375vw, 3px);
  }
}
section.menu ul li a p.brand span {
  display: inline-block;
}
section.menu ul li a p.staff_name {
  font-family: "dnp-shuei-gothic-kin-std", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.menu ul li a p.staff_name {
    font-size: min(2.7906976744vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  section.menu ul li a p.staff_name {
    font-size: min(0.9375vw, 12px);
  }
}

div.brand_area {
  position: relative;
}
div.brand_area div.fixed_num {
  background-color: #fff;
  border: solid 1px #F4DCC1;
  border-left: none;
  font-family: "amandine", sans-serif;
  font-style: italic;
  color: #A85242;
  position: fixed;
  opacity: 0;
  transition: 0.1s;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  div.brand_area div.fixed_num {
    width: min(14.1860465116vw, 61px);
    height: min(25.8139534884vw, 111px);
    top: 2.3255813953vw;
  }
}
@media screen and (min-width: 769px) {
  div.brand_area div.fixed_num {
    width: min(7.8125vw, 100px);
    height: min(14.0625vw, 180px);
    top: 0;
    margin-top: min(6.25vw, 80px);
  }
}
div.brand_area div.fixed_num div.num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  text-align: center;
}
div.brand_area div.fixed_num div.num div.number {
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  div.brand_area div.fixed_num div.num div.number {
    font-size: min(7.9069767442vw, 34px);
  }
}
@media screen and (min-width: 769px) {
  div.brand_area div.fixed_num div.num div.number {
    font-size: min(4.21875vw, 54px);
  }
}
div.brand_area div.fixed_num div.num div.slash {
  content: "";
  border-bottom: solid 1px #D3A8A0;
  transform: rotate(-30deg);
}
@media screen and (max-width: 768px) {
  div.brand_area div.fixed_num div.num div.slash {
    width: min(5.5813953488vw, 24px);
    margin: 0 auto;
    margin-top: min(2.0930232558vw, 9px);
    margin-bottom: min(1.8604651163vw, 8px);
    padding-bottom: min(0.4651162791vw, 2px);
  }
}
@media screen and (min-width: 769px) {
  div.brand_area div.fixed_num div.num div.slash {
    width: min(3.125vw, 40px);
    margin: 0 auto;
    margin-top: min(0.703125vw, 9px);
    margin-bottom: min(0.625vw, 8px);
    padding-bottom: min(0.15625vw, 2px);
  }
}
div.brand_area div.fixed_num div.num div.twenty {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  div.brand_area div.fixed_num div.num div.twenty {
    font-size: min(3.7209302326vw, 16px);
    margin-top: min(3.7209302326vw, 16px);
  }
}
@media screen and (min-width: 769px) {
  div.brand_area div.fixed_num div.num div.twenty {
    font-size: min(2.03125vw, 26px);
    margin-top: min(1.796875vw, 23px);
  }
}
div.brand_area div.fixed_num.is-show {
  opacity: 1;
}
div.brand_area div.fixed_text {
  position: fixed;
  top: 0;
  right: min(3.125vw, 40px);
  opacity: 0;
  transition: 0.3s;
  z-index: 1;
  height: min(48.671875vw, 80vh);
  margin-top: min(6.25vw, 80px);
}
div.brand_area div.fixed_text img {
  height: 100%;
}
div.brand_area div.fixed_text.is-show {
  opacity: 0.2;
}

section.sec {
  border: solid 1px #F4DCC1;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  section.sec {
    margin: 0 min(2.3255813953vw, 10px) min(11.6279069767vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  section.sec {
    width: min(70.3125vw, 900px);
    margin: 0 auto min(6.25vw, 80px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg {
    padding-top: min(17.2093023256vw, 74px);
    padding-bottom: min(19.3023255814vw, 83px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg {
    padding-top: min(5.46875vw, 70px);
    padding-bottom: min(6.25vw, 80px);
  }
}
section.sec div.bg h4 {
  font-family: "amandine", sans-serif;
  color: #A85242;
  text-align: center;
  font-style: italic;
  letter-spacing: 0.01em;
  line-height: 1.0952380952;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.sec div.bg h4 {
    font-size: min(9.7674418605vw, 42px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg h4 {
    font-size: min(3.28125vw, 42px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg h4 span.pcNone {
    display: inline-block;
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg h4 span.pcNone {
    display: none;
  }
}
section.sec div.bg h4::after {
  content: "コラージュガリャルダガランテ";
  display: block;
  text-align: center;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  section.sec div.bg h4::after {
    font-size: min(2.7906976744vw, 12px);
    margin-top: min(2.3255813953vw, 10px);
    margin-bottom: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg h4::after {
    font-size: min(0.9375vw, 12px);
    margin-top: min(0.78125vw, 10px);
    margin-bottom: min(2.34375vw, 30px);
  }
}
section.sec div.bg p.staff_name {
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.sec div.bg p.staff_name {
    font-size: min(4.1860465116vw, 18px);
    margin-bottom: min(9.3023255814vw, 40px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg p.staff_name {
    font-size: min(1.40625vw, 18px);
    margin-bottom: min(2.34375vw, 30px);
  }
}
section.sec div.bg ul.main_img {
  line-height: 0;
}
section.sec div.bg ul.main_img li img {
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  section.sec div.bg ul.main_img li img {
    padding-right: min(1.1627906977vw, 5px);
    padding-left: min(1.1627906977vw, 5px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg ul.main_img li img {
    padding-left: min(0.390625vw, 5px);
    padding-right: min(0.390625vw, 5px);
  }
}
section.sec div.bg ul.main_img .slick-dots {
  bottom: initial !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  section.sec div.bg ul.main_img .slick-dots {
    margin-top: min(4.6511627907vw, 20px) !important;
    margin-bottom: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg ul.main_img .slick-dots {
    margin-top: min(1.5625vw, 20px);
    margin-bottom: min(2.34375vw, 30px);
  }
}
section.sec div.bg ul.main_img .slick-dots li {
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  section.sec div.bg ul.main_img .slick-dots li {
    width: min(6.976744186vw, 30px);
    height: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg ul.main_img .slick-dots li {
    width: min(2.9166666667vw, 35px);
    height: min(2.9166666667vw, 35px);
  }
}
section.sec div.bg ul.main_img .slick-dots li button {
  font-size: initial;
  color: initial;
  background: initial;
  background: #F4F2EF;
  font-family: "futura-pt", sans-serif !important;
  font-weight: 400;
  font-style: italic;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  section.sec div.bg ul.main_img .slick-dots li button {
    width: min(6.976744186vw, 30px);
    height: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg ul.main_img .slick-dots li button {
    width: min(2.734375vw, 35px);
    height: min(2.734375vw, 35px);
  }
}
section.sec div.bg ul.main_img .slick-dots li button:before {
  content: "";
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  section.sec div.bg ul.main_img .slick-dots li button:before {
    width: min(6.976744186vw, 30px);
    height: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg ul.main_img .slick-dots li button:before {
    width: min(2.734375vw, 35px);
    height: min(2.734375vw, 35px);
  }
}
section.sec div.bg ul.main_img .slick-dots li.slick-active button {
  background-color: #A85242;
  color: #fff;
}
section.sec div.bg p.main_item {
  text-align: center;
  font-weight: 600;
  line-height: 1.5625;
}
@media screen and (max-width: 768px) {
  section.sec div.bg p.main_item {
    font-size: min(3.7209302326vw, 16px);
    margin-top: min(16.2790697674vw, 70px);
    margin-bottom: min(1.6279069767vw, 7px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg p.main_item {
    font-size: min(1.09375vw, 14px);
    margin-top: min(6.640625vw, 85px);
    margin-bottom: min(0.78125vw, 10px);
  }
}
section.sec div.bg p.main_price {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  section.sec div.bg p.main_price {
    font-size: min(4.6511627907vw, 20px);
    margin-bottom: min(3.2558139535vw, 14px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg p.main_price {
    font-size: min(1.5625vw, 20px);
    margin-bottom: min(1.09375vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.buy_button {
    margin-bottom: min(11.6279069767vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.buy_button {
    margin-bottom: min(5.15625vw, 66px);
  }
}
section.sec div.bg div.buy_button a {
  display: block;
  background-color: #A85242;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.buy_button a {
    width: min(58.1395348837vw, 250px);
    height: min(11.6279069767vw, 50px);
    border-radius: min(5.8139534884vw, 25px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.buy_button a {
    width: min(19.53125vw, 250px);
    height: min(3.90625vw, 50px);
    border-radius: min(1.953125vw, 25px);
  }
}
section.sec div.bg div.buy_button a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.buy_button a p {
    font-size: min(3.7209302326vw, 16px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.buy_button a p {
    font-size: min(1.25vw, 16px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex {
    display: flex;
    row-gap: min(5.46875vw, 70px);
    width: min(53.90625vw, 690px);
    margin: 0 auto;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice {
    width: min(86.0465116279vw, 370px);
    margin: 0 auto;
    margin-bottom: min(11.6279069767vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice {
    width: min(28.90625vw, 370px);
    margin-bottom: min(3.90625vw, 50px);
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area {
  background-color: #F4F2EF;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  min-width: 120px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area {
    padding-top: min(6.976744186vw, 30px);
    border-radius: min(2.3255813953vw, 10px);
    padding-left: min(6.976744186vw, 30px);
    padding-right: min(6.976744186vw, 30px);
    padding-bottom: min(4.6511627907vw, 20px);
    margin-bottom: min(8.6046511628vw, 37px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area {
    padding-top: min(2.34375vw, 30px);
    border-radius: min(0.78125vw, 10px);
    padding-left: min(2.34375vw, 30px);
    padding-right: min(2.34375vw, 30px);
    padding-bottom: min(2.890625vw, 37px);
    margin-bottom: min(3.125vw, 40px);
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 11%;
  border: 10px solid transparent;
  border-top: 10px solid #F4F2EF;
}
section.sec div.bg div.pc_flex div.voice div.text_area h5 {
  font-family: "amandine", sans-serif;
  color: #A85242;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area h5 {
    font-size: min(5.5813953488vw, 24px);
    margin-bottom: min(3.023255814vw, 13px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area h5 {
    font-size: min(1.875vw, 24px);
    margin-bottom: min(1.015625vw, 13px);
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text p.description {
  font-weight: 500;
  line-height: 1.7857142857;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text p.description {
    font-size: min(3.023255814vw, 13px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text p.description {
    font-size: min(1.015625vw, 13px);
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .close_btn, section.sec div.bg div.pc_flex div.voice div.text_area div.text .more_btn {
  display: block;
  width: 100%;
  padding: 80px 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(247, 240, 244) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0 );
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .close_btn {
  background: none;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .slide-up {
  height: 150px;
  padding-bottom: 0;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.slide-down {
  height: auto;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.slide-down {
    padding-bottom: 23.2558139535vw;
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.slide-down {
    padding-bottom: 200px;
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .more_btn p {
  background-color: #B79792;
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text .more_btn p {
    width: 59.3023255814vw;
    padding-top: 4.6511627907vw;
    padding-bottom: 4.6511627907vw;
    border-radius: 11.6279069767vw;
    font-size: 3.7209302326vw;
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text .more_btn p {
    width: 510px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 100px;
    font-size: 16px;
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .close_btn {
  padding: 0;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text .close_btn p {
  background: #aaa;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more {
  border: dotted 1px #A85242;
  border-radius: min(23.2558139535vw, 100px);
  position: relative;
  margin-left: auto;
  display: none;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more {
    width: min(20.9302325581vw, 90px);
    height: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more {
    width: min(7.03125vw, 90px);
    height: min(2.34375vw, 30px);
  }
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex div.plus {
  position: relative;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex .plus::before, section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex .plus::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: min(2.5581395349vw, 11px);
  background-color: #A85242;
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex .plus::after {
  transform: rotate(90deg);
}
section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex p {
  color: #A85242;
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex p {
    font-size: min(3.2558139535vw, 14px);
    margin-left: min(1.1627906977vw, 5px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.text_area div.text div.more div.flex p {
    font-size: min(1.09375vw, 14px);
    margin-left: min(0.4453125vw, 5.7px);
  }
}
section.sec div.bg div.pc_flex div.voice div.flex {
  display: flex;
}
section.sec div.bg div.pc_flex div.voice div.flex div.staff_icon img {
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.staff_icon img {
    width: min(23.2558139535vw, 100px);
    height: min(23.2558139535vw, 100px);
    margin-right: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.staff_icon img {
    width: min(7.8125vw, 100px);
    height: min(7.8125vw, 100px);
    margin-right: min(2.34375vw, 30px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right {
    width: min(55.8139534884vw, 240px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right {
    width: min(18.75vw, 240px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right div.chat {
    margin-bottom: min(3.488372093vw, 15px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right div.chat {
    margin-bottom: min(1.171875vw, 15px);
  }
}
section.sec div.bg div.pc_flex div.voice div.flex div.right ul {
  display: flex;
}
section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a {
  display: block;
  border-right: dotted 1px #A85242;
  position: relative;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a {
    width: min(27.6744186047vw, 119px);
    height: min(5.8139534884vw, 25px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a {
    width: min(9.296875vw, 119px);
    height: min(1.953125vw, 25px);
  }
}
section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a div.flex {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a div.flex div.img {
    width: min(3.7209302326vw, 16px);
    margin-right: min(1.1627906977vw, 5px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a div.flex div.img {
    width: min(1.25vw, 16px);
    margin-right: min(0.390625vw, 5px);
  }
}
section.sec div.bg div.pc_flex div.voice div.flex div.right ul li a div.flex p {
  font-family: "futura-pt", sans-serif;
  color: #A85242;
  font-weight: 500;
}
section.sec div.bg div.pc_flex div.voice div.flex div.right ul li.insta a {
  border-left: dotted 1px #A85242;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item {
    width: min(86.0465116279vw, 370px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item {
    width: min(20.15625vw, 258px);
  }
}
section.sec div.bg div.pc_flex div.other_item h5 {
  font-family: "amandine", sans-serif;
  color: #A85242;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item h5 {
    font-size: min(5.5813953488vw, 24px);
    margin-bottom: min(3.2558139535vw, 14px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item h5 {
    font-size: min(1.875vw, 24px);
    margin-bottom: min(1.09375vw, 14px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item ul li {
    margin-bottom: min(2.3255813953vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item ul li {
    margin-bottom: min(0.78125vw, 10px);
  }
}
section.sec div.bg div.pc_flex div.other_item ul li a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.img {
    margin-right: min(2.3255813953vw, 10px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.img {
    margin-right: min(0.78125vw, 10px);
  }
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.img img {
    width: min(11.6279069767vw, 50px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.img img {
    width: min(3.90625vw, 50px);
  }
}
section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.item {
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.item {
    font-size: min(2.7906976744vw, 12px);
    margin-bottom: min(1.3953488372vw, 6px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.item {
    font-size: min(0.9375vw, 12px);
  }
}
section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.price {
  font-family: "futura-pt", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.price {
    font-size: min(2.7906976744vw, 12px);
  }
}
@media screen and (min-width: 769px) {
  section.sec div.bg div.pc_flex div.other_item ul li a div.credit p.price {
    font-size: min(0.9375vw, 12px);
  }
}

section#cpcm_2 div.bg h4::after {
  content: "シーピーシーエム";
}

section#laboutiquebonbon div.bg h4::after {
  content: "ラブティックボンボン";
}

section#proseverse div.bg h4::after {
  content: "プロズヴェール";
}

section#typy div.bg h4::after {
  content: "チャオパニックティピー";
}

section#chez_toi div.bg h4::after {
  content: "シェトワ";
}

section#thevon div.bg h4::after {
  content: "ゼヴォン";
}

section#luis div.bg h4::after {
  content: "ルイス";
}

section#colony2139 div.bg h4::after {
  content: "コロニー トゥーワンスリーナイン";
}

section#shenery div.bg h4::after {
  content: "シーナリー";
}

section#whimgazette div.bg h4::after {
  content: "ウィム ガゼット";
}

section#pualcecin div.bg h4::after {
  content: "ピュアルセシン";
}

section#chico div.bg h4::after {
  content: "チコ";
}

section#jena div.bg h4::after {
  content: "ジェナ エスパスメルヴェイユ";
}

section#gallardagalante div.bg h4::after {
  content: "ガリャルダガランテ";
}

section#loungedress div.bg h4::after {
  content: "ラウンジドレス";
}

section#collage div.bg h4::after {
  content: "コラージュ ガリャルダガランテ";
}

section#doudou div.bg h4::after {
  content: "ドゥドゥ";
}

section#russet div.bg h4::after {
  content: "ラシット";
}

section#cpcm div.bg h4::after {
  content: "シーピーシーエム";
}

section#salut div.bg h4::after {
  content: "サリュ";
}

section.all-items {
  background-color: #A85242;
}
@media screen and (max-width: 768px) {
  section.all-items {
    padding-top: min(17.6744186047vw, 76px);
    padding-bottom: min(18.6046511628vw, 80px);
  }
}
@media screen and (min-width: 769px) {
  section.all-items {
    padding-top: min(7.8125vw, 100px);
    padding-bottom: min(7.8125vw, 100px);
  }
}
section.all-items h3 {
  font-family: "amandine", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  section.all-items h3 {
    font-size: min(5.5813953488vw, 24px);
    margin-bottom: min(5.8139534884vw, 25px);
  }
}
@media screen and (min-width: 769px) {
  section.all-items h3 {
    font-size: min(1.875vw, 24px);
    margin-bottom: min(1.953125vw, 25px);
  }
}
section.all-items div.credit {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.all-items div.credit {
    margin-bottom: 6.976744186vw;
  }
}
@media screen and (min-width: 769px) {
  section.all-items div.credit {
    width: min(67.34375vw, 862px);
    margin-bottom: min(4.765625vw, 61px);
  }
}
section.all-items div.credit ul.sectionAjax {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -moz-column-gap: min(0.15625vw, 2px);
       column-gap: min(0.15625vw, 2px);
  row-gap: min(2.34375vw, 30px);
}
section.all-items div.credit ul.sectionAjax li a {
  display: block;
  width: min(11.09375vw, 142px);
}
section.all-items div.credit ul.sectionAjax li a p {
  color: #fff;
  font-weight: 500;
  font-size: min(0.859375vw, 11px);
  padding: 0 min(0.78125vw, 10px);
  line-height: 1.4545454545;
}
section.all-items div.credit ul.sectionAjax li a p img {
  margin-bottom: min(0.4296875vw, 5.5px);
}
section.all-items div.credit ul.sectionAjax li a p.ico_box {
  display: none;
}
section.all-items div.credit ul.sectionAjax li a p.label {
  overflow-wrap: break-word;
  padding-top: min(0.3125vw, 4px);
  padding-bottom: min(0.546875vw, 7px);
}
section.all-items div.credit ul.sectionAjax li a p.price span {
  font-size: min(1.09375vw, 14px);
}
section.all-items div.credit ul.sectionAjax li a p:first-child {
  padding: 0;
}
section.all-items div.credit ul.sectionAjax li a p:first-child span {
  display: none;
}
section.all-items div.credit ul.sectionAjax li a div.textOverflow p {
  line-height: 1.4545454545;
  padding: 0 min(0.78125vw, 10px);
}
section.all-items div.credit div.sectionAjax {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -moz-column-gap: 0.4651162791vw;
       column-gap: 0.4651162791vw;
  row-gap: 6.976744186vw;
  list-style: none;
}
section.all-items div.credit div.sectionAjax a {
  display: block;
  width: min(33.023255814vw, 142px);
}
section.all-items div.credit div.sectionAjax a p {
  color: #fff;
  font-weight: 500;
  font-size: 2.5581395349vw;
  padding: 0 2.3255813953vw;
  line-height: 1.4545454545;
}
section.all-items div.credit div.sectionAjax a p img {
  margin-bottom: 1.2790697674vw;
}
section.all-items div.credit div.sectionAjax a p.ico_box {
  display: none;
}
section.all-items div.credit div.sectionAjax a p.label {
  overflow-wrap: break-word;
  padding-top: 0.9302325581vw;
  padding-bottom: 1.6279069767vw;
}
section.all-items div.credit div.sectionAjax a p.price span {
  font-size: 3.2558139535vw;
}
section.all-items div.credit div.sectionAjax a p:first-child {
  padding: 0;
}
section.all-items div.credit div.sectionAjax a p:first-child span {
  display: none;
}
section.all-items div.credit div.sectionAjax a div.textOverflow p {
  line-height: 1.4545454545;
  padding: 0 2.3255813953vw;
}
section.all-items div.button a {
  display: block;
  background-color: #F4DCC1;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.all-items div.button a {
    width: min(86.0465116279vw, 370px);
    height: min(13.9534883721vw, 60px);
    border-radius: min(6.976744186vw, 30px);
  }
}
@media screen and (min-width: 769px) {
  section.all-items div.button a {
    width: min(28.90625vw, 370px);
    height: min(4.6875vw, 60px);
    border-radius: min(2.34375vw, 30px);
  }
}
section.all-items div.button a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #A85242;
  font-weight: 600;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  section.all-items div.button a p {
    font-size: min(3.2558139535vw, 14px);
  }
}
@media screen and (min-width: 769px) {
  section.all-items div.button a p {
    font-size: min(1.40625vw, 18px);
  }
}

footer {
  overflow: clip;
}

div.humb.open a ul li:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
div.humb.open a ul li:nth-child(2) {
  display: none;
}
div.humb.open a ul li:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}/*# sourceMappingURL=style.css.map */