@charset "UTF-8";
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ TABLET
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック（ChromiumベースのEdgeは除外できる。旧Edgeは除外できない）
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
@font-face {
  font-family: "Lacoste";
  src: url("../../assets/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("../../assets/fonts/Lacoste-Bold.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Heavy";
  src: url("../../assets/fonts/Lacoste-Heavy.woff") format("woff");
}

/**
 * イージングプロパティ
 * https://github.com/dmnsgn/sass-easing
 */
@font-face {
  font-family: "Lacoste Regular";
  src: url("/static/fonts/Lacoste-Regular.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Black";
  src: url("/static/fonts/Lacoste-Black.woff") format("woff");
}

@font-face {
  font-family: "Lacoste Bold";
  src: url("/static/fonts/Lacoste-Bold.woff") format("woff");
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

*[class*="Desktop__MainWrapper"] {
  z-index: initial !important;
}

*[class*="Mobile__PageContentWrapper"] {
  z-index: initial !important;
}

#my-lacoste {
  --base-font: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font: "Lacoste Regular", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-bold: "Lacoste Bold", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-black: "Lacoste Black", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --lacoste-font-Heavy: "Lacoste Heavy", "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, sans-serif;
  --color-green: #105A33;
  background: #F5F5F5;
  color: #000;
  line-height: 1;
  font-family: var(--base-font);
}

#my-lacoste div, #my-lacoste span, #my-lacoste applet, #my-lacoste object, #my-lacoste iframe,
#my-lacoste h1, #my-lacoste h2, #my-lacoste h3, #my-lacoste h4, #my-lacoste h5, #my-lacoste h6, #my-lacoste p, #my-lacoste blockquote, #my-lacoste pre,
#my-lacoste a, #my-lacoste abbr, #my-lacoste acronym, #my-lacoste address, #my-lacoste big, #my-lacoste cite, #my-lacoste code,
#my-lacoste del, #my-lacoste dfn, #my-lacoste em, #my-lacoste img, #my-lacoste ins, #my-lacoste kbd, #my-lacoste q, #my-lacoste s, #my-lacoste samp,
#my-lacoste small, #my-lacoste strike, #my-lacoste strong, #my-lacoste sub, #my-lacoste sup, #my-lacoste tt, #my-lacoste var,
#my-lacoste b, #my-lacoste u, #my-lacoste i, #my-lacoste center,
#my-lacoste dl, #my-lacoste dt, #my-lacoste dd, #my-lacoste ol, #my-lacoste ul, #my-lacoste li,
#my-lacoste fieldset, #my-lacoste form, #my-lacoste label, #my-lacoste legend,
#my-lacoste table, #my-lacoste caption, #my-lacoste tbody, #my-lacoste tfoot, #my-lacoste thead, #my-lacoste tr, #my-lacoste th, #my-lacoste td,
#my-lacoste article, #my-lacoste aside, #my-lacoste canvas, #my-lacoste details, #my-lacoste embed,
#my-lacoste figure, #my-lacoste figcaption, #my-lacoste footer, #my-lacoste header, #my-lacoste hgroup,
#my-lacoste menu, #my-lacoste nav, #my-lacoste output, #my-lacoste ruby, #my-lacoste section, #my-lacoste summary,
#my-lacoste time, #my-lacoste mark, #my-lacoste audio, #my-lacoste video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  letter-spacing: 0.03em;
}

#my-lacoste article, #my-lacoste aside, #my-lacoste details, #my-lacoste figcaption, #my-lacoste figure,
#my-lacoste footer, #my-lacoste header, #my-lacoste hgroup, #my-lacoste menu, #my-lacoste nav, #my-lacoste section {
  display: block;
}

#my-lacoste ol, #my-lacoste ul {
  list-style: none;
}

#my-lacoste blockquote, #my-lacoste q {
  quotes: none;
}

#my-lacoste blockquote:before, #my-lacoste blockquote:after,
#my-lacoste q:before, #my-lacoste q:after {
  content: '';
  content: none;
}

#my-lacoste table {
  border-collapse: collapse;
  border-spacing: 0;
}

#my-lacoste * {
  box-sizing: border-box;
}

#my-lacoste a {
  color: inherit;
  text-decoration: none;
}

#my-lacoste img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#my-lacoste picture {
  display: block;
}

@media screen and (max-width: 767px) {
  #my-lacoste .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .sp {
    display: none !important;
  }
}

#my-lacoste .en {
  font-family: var(--lacoste-font);
}

#my-lacoste .en.bold {
  font-family: var(--lacoste-font-bold);
}

#my-lacoste .en.black {
  font-family: var(--lacoste-font-black);
}

#my-lacoste .en.Heavy {
  font-family: var(--lacoste-font-Heavy);
}

#my-lacoste .page-container {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .page-container {
    max-width: 1900px;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .page-container {
    max-width: 100%;
  }
}

#my-lacoste .button {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #my-lacoste .button {
    transition: background-color 0.3s ease-out;
  }
}

#my-lacoste .button.black {
  background-color: #000000;
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .button.black:hover {
    background-color: #333333;
  }
}

#my-lacoste .button.white {
  background-color: #ffffff;
  color: #000000;
}

#my-lacoste .button.white:not(.noborder) {
  border: 1px solid #000000;
}

@media screen and (min-width: 768px) {
  #my-lacoste .button.white:hover {
    background-color: #F5F5F5;
  }
}

#my-lacoste .hero {
  display: flex;
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero {
    flex-direction: column-reverse;
  }
}

#my-lacoste .hero .txt {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .txt {
    margin-top: calc(clamp(0px, calc(148 / 1400 * 100vw), calc(148 / 1400 * 1900 * 1px)) * 1);
    width: calc(700 / 1400 * 100%);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .txt {
    margin-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .img {
  display: flex;
  background-color: var(--color-green);
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .img {
    width: calc(700 / 1400 * 100%);
  }
}

#my-lacoste .hero .title {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .title {
    font-size: calc(clamp(0px, calc(60 / 1400 * 100vw), calc(60 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(87 / 72);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .title {
    font-size: calc(clamp(0px, calc(40 / 393 * 100vw), calc(40 / 393 * 100vw)) * 1);
    line-height: calc(48 / 40);
  }
}

#my-lacoste .hero .copy {
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .copy {
    margin-top: calc(clamp(0px, calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(27 / 1400 * 100vw), calc(27 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .copy {
    margin-top: calc(clamp(0px, calc(16 / 393 * 100vw), calc(16 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .lead {
    margin-top: calc(clamp(0px, calc(40 / 1400 * 100vw), calc(40 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(32 / 16);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .lead {
    margin-top: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(20 / 12);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .link {
    margin-top: calc(clamp(0px, calc(43 / 1400 * 100vw), calc(43 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .link {
    /*margin-top: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);*/
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .link .button {
    width: calc(clamp(0px, calc(320 / 1400 * 100vw), calc(320 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(95 / 1400 * 100vw), calc(95 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(47.5 / 1400 * 100vw), calc(47.5 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .link .button {
    width: calc(clamp(0px, calc(300 / 393 * 100vw), calc(300 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(80 / 393 * 100vw), calc(80 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(40 / 393 * 100vw), calc(40 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .link .button span {
  display: block;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .link .button span:nth-child(1) {
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .link .button span:nth-child(1) {
    font-size: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .link .button span:nth-child(2) {
    margin-top: calc(clamp(0px, calc(8 / 1400 * 100vw), calc(8 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(28 / 1400 * 100vw), calc(28 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .link .button span:nth-child(2) {
    margin-top: calc(clamp(0px, calc(5 / 393 * 100vw), calc(5 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(24 / 393 * 100vw), calc(24 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider {
  position: relative;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider {
    width: calc(638 / 700 * 100%);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider {
    width: calc((393 - 35) / 393 * 100%);
  }
}

#my-lacoste .hero .slider .swiper-slide {
  opacity: 0.999 !important;
  transition-duration: 0.01s !important;
}

#my-lacoste .hero .slider .swiper-slide img {
  display: block;
  -webkit-mask-image: linear-gradient(#fff 0%, #fff 100%);
  mask-image: linear-gradient(#fff 0%, #fff 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center right;
  mask-position: center right;
  -webkit-mask-size: 0% 100%;
  mask-size: 0% 100%;
  transition: -webkit-mask-size 0.75s 0.75s ease-in-out;
  transition: mask-size 0.75s 0.75s ease-in-out;
  transition: mask-size 0.75s 0.75s ease-in-out, -webkit-mask-size 0.75s 0.75s ease-in-out;
}

#my-lacoste .hero .slider .swiper-slide-active {
  opacity: 1 !important;
}

#my-lacoste .hero .slider .swiper-slide-active img {
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: -webkit-mask-size 0.75s 0.0s ease-in-out;
  transition: mask-size 0.75s 0.0s ease-in-out;
  transition: mask-size 0.75s 0.0s ease-in-out, -webkit-mask-size 0.75s 0.0s ease-in-out;
}

#my-lacoste .hero .slider-navi {
  position: relative;
  background-color: var(--color-green);
  margin-left: -1px;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi {
    width: calc(62 / 700 * 100%);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi {
    width: calc(35 / 393 * 100%);
  }
}

#my-lacoste .hero .slider-navi .pagination {
  position: absolute;
  left: 50%;
  bottom: calc(clamp(0px, calc(87 / 1400 * 100vw), calc(87 / 1400 * 1900 * 1px)) * 1);
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .pagination {
    bottom: calc(clamp(0px, calc(87 / 1400 * 100vw), calc(87 / 1400 * 1900 * 1px)) * 1);
    gap: calc(clamp(0px, calc(8 / 1400 * 100vw), calc(8 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(6 / 1400 * 100vw), calc(6 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .pagination {
    bottom: calc(clamp(0px, calc(52 / 393 * 100vw), calc(52 / 393 * 100vw)) * 1);
    gap: calc(clamp(0px, calc(8 / 393 * 100vw), calc(8 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(4 / 393 * 100vw), calc(4 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .pagination .swiper-pagination-bullet {
  background-color: #559373;
  opacity: 1;
  transition: background-color 0.5s ease;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .pagination .swiper-pagination-bullet {
    width: calc(clamp(0px, calc(6 / 1400 * 100vw), calc(6 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(6 / 1400 * 100vw), calc(6 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .pagination .swiper-pagination-bullet {
    width: calc(clamp(0px, calc(4 / 393 * 100vw), calc(4 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(4 / 393 * 100vw), calc(4 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .pagination .swiper-pagination-bullet-active {
  background-color: #ffffff;
}

#my-lacoste .hero .slider-navi .position {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .position {
    bottom: calc(clamp(0px, calc(30 / 1400 * 100vw), calc(30 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(34 / 1400 * 100vw), calc(34 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(34 / 1400 * 100vw), calc(34 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .position {
    bottom: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .position .number {
  color: #fff;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .position .number {
    font-size: calc(clamp(0px, calc(9 / 1400 * 100vw), calc(9 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .position .number {
    font-size: calc(clamp(0px, calc(8 / 393 * 100vw), calc(8 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .position .progress {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  stroke: #fff;
  stroke-width: 2px;
  fill: none;
  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .position .progress {
    width: calc(clamp(0px, calc(34 / 1400 * 100vw), calc(34 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(34 / 1400 * 100vw), calc(34 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .position .progress {
    width: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .slide-labels {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 40%;
  margin-left: 0.5em;
  transform: rotate(90deg);
  transform-origin: top center;
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #my-lacoste .hero .slider-navi .slide-labels {
    font-size: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .hero .slider-navi .slide-labels {
    font-size: calc(clamp(0px, calc(13 / 393 * 100vw), calc(13 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .hero .slider-navi .slide-labels .slide-label {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

#my-lacoste .hero .slider-navi .slide-labels .slide-label.is-active {
  opacity: 1;
}

#my-lacoste .section .section-header .title {
  text-align: center;
  line-height: calc(61 / 50);
}

@media screen and (min-width: 768px) {
  #my-lacoste .section .section-header .title {
    font-size: calc(clamp(0px, calc(45 / 1400 * 100vw), calc(45 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section .section-header .title {
    font-size: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section .section-header .lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section .section-header .lead {
    margin-top: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section .section-header .lead {
    margin-top: calc(clamp(0px, calc(5 / 393 * 100vw), calc(5 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(25.2 / 14);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose {
    padding-top: calc(clamp(0px, calc(100 / 1400 * 100vw), calc(100 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(140 / 1400 * 100vw), calc(140 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose {
    padding-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .section-header .lead {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-choose .list {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .list {
    margin-top: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
    gap: calc(clamp(0px, calc(39 / 1400 * 100vw), calc(39 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .list {
    flex-direction: column;
    align-items: center;
    margin-top: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
    gap: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item {
    width: calc(clamp(0px, calc(330 / 1400 * 100vw), calc(330 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item {
    width: calc(clamp(0px, calc(240 / 393 * 100vw), calc(240 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-choose .item .name {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item .name {
    font-size: calc(clamp(0px, calc(29 / 1400 * 100vw), calc(29 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(35 / 29);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item .name {
    font-size: calc(clamp(0px, calc(24 / 393 * 100vw), calc(24 / 393 * 100vw)) * 1);
    line-height: calc(29 / 24);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item .img {
    margin-top: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item .img {
    margin-top: calc(clamp(0px, calc(9 / 393 * 100vw), calc(9 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item .btn {
    margin-top: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item .btn {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-choose .item .btn .button {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item .btn .button {
    width: calc(clamp(0px, calc(200 / 1400 * 100vw), calc(200 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(25 / 1400 * 100vw), calc(25 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item .btn .button {
    width: calc(clamp(0px, calc(214 / 393 * 100vw), calc(214 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(52 / 393 * 100vw), calc(52 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(26 / 393 * 100vw), calc(26 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(16 / 393 * 100vw), calc(16 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-choose .item.new .img {
  position: relative;
}

#my-lacoste .section-choose .item.new .img:before {
  content: "new \A color \A ＋1";
  white-space: pre;
    text-align: center;
    position: absolute;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-green);
    color: #ffffff;
    font-family: var(--lacoste-font-bold);
    font-weight: 300;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item.new .img:before {
    left: calc(clamp(0px, calc(240 / 1400* 100vw), calc(240 / 1400* 1900* 1px))* 1);
width: calc(clamp(0px, calc(90 / 1400* 100vw), calc(90 / 1400* 1900* 1px))* 1);
height: calc(clamp(0px, calc(90 / 1400* 100vw), calc(90 / 1400* 1900* 1px))* 1);
font-size: calc(clamp(0px, calc(18 / 1400* 100vw), calc(18 / 1400* 1900* 1px))* 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item.new .img:before {
    left: calc(clamp(0px, calc(178 / 393* 100vw), calc(178 / 393* 100vw))* 1);
    width: calc(clamp(0px, calc(80 / 393* 100vw), calc(80 / 393* 100vw))* 1);
    height: calc(clamp(0px, calc(80 / 393* 100vw), calc(80 / 393* 100vw))* 1);
    font-size: calc(clamp(0px, calc(16 / 393* 100vw), calc(16 / 393* 100vw))* 1);
  }
}

#my-lacoste .section-choose .item.new2 .img {
  position: relative;
}

#my-lacoste .section-choose .item.new2 .img:before {
  content: "new \A color \A ＋2";
  white-space: pre;
    text-align: center;
    position: absolute;
    top: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-green);
    color: #ffffff;
    font-family: var(--lacoste-font-bold);
    font-weight: 300;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-choose .item.new2 .img:before {
    left: calc(clamp(0px, calc(240 / 1400* 100vw), calc(240 / 1400* 1900* 1px))* 1);
width: calc(clamp(0px, calc(90 / 1400* 100vw), calc(90 / 1400* 1900* 1px))* 1);
height: calc(clamp(0px, calc(90 / 1400* 100vw), calc(90 / 1400* 1900* 1px))* 1);
font-size: calc(clamp(0px, calc(18 / 1400* 100vw), calc(18 / 1400* 1900* 1px))* 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-choose .item.new2 .img:before {
    left: calc(clamp(0px, calc(178 / 393* 100vw), calc(178 / 393* 100vw))* 1);
    width: calc(clamp(0px, calc(80 / 393* 100vw), calc(80 / 393* 100vw))* 1);
    height: calc(clamp(0px, calc(80 / 393* 100vw), calc(80 / 393* 100vw))* 1);
    font-size: calc(clamp(0px, calc(16 / 393* 100vw), calc(16 / 393* 100vw))* 1);
  }
}

#my-lacoste .section-choose .item.comingsoon .btn .button {
  background-color: #BEBEBE;
}

#my-lacoste .section-badges {
  border-top: 1px solid #EAEAEA;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges {
    padding-top: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges {
    padding-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges .section-header .lead {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-badges .section-body {
  margin-top: calc(clamp(0px, calc(40 / 1400 * 100vw), calc(40 / 1400 * 1900 * 1px)) * 1);
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges .block {
    display: flex;
    justify-content: center;
  }
  #my-lacoste .section-badges .block:not(:first-child) {
    margin-top: calc(clamp(0px, calc(55 / 1400 * 100vw), calc(55 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges .block {
    display: contents;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges .list {
    display: contents;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges .list {
    display: flex;
    flex-wrap: wrap;
    width: calc(clamp(0px, calc(320 / 393 * 100vw), calc(320 / 393 * 100vw)) * 1);
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges .item {
    width: calc(clamp(0px, calc(240 / 1400 * 100vw), calc(240 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges .item {
    width: calc(clamp(0px, calc(160 / 393 * 100vw), calc(160 / 393 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-badges .item .img {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges .item .img {
    width: calc(clamp(0px, calc(180 / 1400 * 100vw), calc(180 / 1400 * 1900 * 1px)) * 1);
  }
}

#my-lacoste .section-badges .item .txt {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-badges .item .txt {
    margin-top: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-badges .item .txt {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
    line-height: calc(22 / 14);
  }
}

#my-lacoste .section-be-creative {
border-top: 1px solid #EAEAEA;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative {
    padding-top: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(100 / 1400 * 100vw), calc(100 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative {
    padding-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .list {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .list {
    margin-top: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
    gap: calc(clamp(0px, calc(4 / 1400 * 100vw), calc(4 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(1200 / 1400 * 100vw), calc(1200 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .list {
    margin-top: calc(clamp(0px, calc(40 / 393 * 100vw), calc(40 / 393 * 100vw)) * 1);
    gap: 1px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .item {
    width: calc(clamp(0px, calc(297 / 1400 * 100vw), calc(297 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .item {
    width: calc((100% - 2px) / 3);
  }
}

#my-lacoste .section-be-creative .panel {
  position: relative;
  display: block;
  cursor: pointer;
}

#my-lacoste .section-be-creative .panel.is-hide {
  display: none;
}

#my-lacoste .section-be-creative .panel .img {
  overflow: hidden;
}

#my-lacoste .section-be-creative .panel .img img {
  transition: transform 0.3s ease-out;
}

#my-lacoste .section-be-creative .panel .txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  background-color: rgba(16, 90, 51, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

#my-lacoste .section-be-creative .panel .txt span {
  padding-bottom: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  border-bottom: calc(clamp(0px, calc(3 / 1400 * 100vw), calc(3 / 1400 * 1900 * 1px)) * 1) solid #fff;
  color: #fff;
  font-size: calc(clamp(0px, calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
  font-weight: bold;
}

#my-lacoste .section-be-creative .panel:after {
  content: "";
  position: absolute;
  background: url(../images/be-creative-icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .panel:after {
    top: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    right: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(22 / 1400 * 100vw), calc(22 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(22 / 1400 * 100vw), calc(22 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .panel:after {
    top: calc(clamp(0px, calc(5 / 393 * 100vw), calc(5 / 393 * 100vw)) * 1);
    right: calc(clamp(0px, calc(5 / 393 * 100vw), calc(5 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .panel:hover .img img {
  transform: scale(1.05);
}

#my-lacoste .section-be-creative .panel:hover .txt {
  opacity: 1;
}

#my-lacoste .section-be-creative .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
  display: none;
}

#my-lacoste .section-be-creative .modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal {
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: calc(clamp(0px, calc(75 / 1400 * 100vw), calc(75 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(75 / 1400 * 100vw), calc(75 / 1400 * 1900 * 1px)) * 1);
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
  }
  #my-lacoste .section-be-creative .modal.is-open {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal {
    background-color: #F7F7F7;
  }
  #my-lacoste .section-be-creative .modal.is-open {
    display: block;
  }
}

#my-lacoste .section-be-creative .modal .box {
  position: relative;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .box {
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .box {
    height: 100%;
  }
}

#my-lacoste .section-be-creative .modal .head {
  position: relative;
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .head {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(clamp(0px, calc(54 / 393 * 100vw), calc(54 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .head .title {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .head .title {
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    font-weight: bold;
  }
  #my-lacoste .section-be-creative .modal .head .title:after {
    content: "";
    margin-top: calc(clamp(0px, calc(6 / 393 * 100vw), calc(6 / 393 * 100vw)) * 1);
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(1 / 393 * 100vw), calc(1 / 393 * 100vw)) * 1);
    background-color: var(--color-green);
  }
}

#my-lacoste .section-be-creative .modal .head .close {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .head .close {
    bottom: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    right: 0;
    width: calc(clamp(0px, calc(43 / 1400 * 100vw), calc(43 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(43 / 1400 * 100vw), calc(43 / 1400 * 1900 * 1px)) * 1);
    background-image: url(../images/modal-close.svg);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .head .close {
    top: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    right: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(26 / 393 * 100vw), calc(26 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(26 / 393 * 100vw), calc(26 / 393 * 100vw)) * 1);
    background-image: url(../images/modal-close.sp.svg);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body {
    display: flex;
    width: calc(clamp(0px, calc(980 / 1400 * 100vw), calc(980 / 1400 * 1900 * 1px)) * 1);
    background-color: #ffffff;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body {
    position: absolute;
    top: calc(clamp(0px, calc(54 / 393 * 100vw), calc(54 / 393 * 100vw)) * 1);
    bottom: 0;
    width: 100%;
    overflow: auto;
    scroll-behavior: smooth;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .img {
    width: calc(clamp(0px, calc(520 / 1400 * 100vw), calc(520 / 1400 * 1900 * 1px)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .img .slider {
  position: relative;
  overflow: hidden;
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  left: 0;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi {
    bottom: calc(clamp(0px, calc(24 / 1400 * 100vw), calc(24 / 1400 * 1900 * 1px)) * 1);
    gap: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi {
    bottom: calc(clamp(0px, calc(16 / 393 * 100vw), calc(16 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .prev,
#my-lacoste .section-be-creative .modal .body .img .slider-navi .next {
  width: calc(clamp(0px, calc(24 / 1400 * 100vw), calc(24 / 1400 * 1900 * 1px)) * 1);
  height: calc(clamp(0px, calc(24 / 1400 * 100vw), calc(24 / 1400 * 1900 * 1px)) * 1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .prev,
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .next {
    display: none;
  }
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .prev {
  background-image: url(../images/modal-slider-prev.svg);
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .next {
  background-image: url(../images/modal-slider-next.svg);
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .page {
  width: auto;
  display: flex;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .page {
    gap: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .page {
    gap: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .page .swiper-pagination-bullet {
  opacity: 1 !important;
  background-color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .page .swiper-pagination-bullet {
    width: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .img .slider-navi .page .swiper-pagination-bullet {
    width: calc(clamp(0px, calc(8 / 393 * 100vw), calc(8 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(8 / 393 * 100vw), calc(8 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .img .slider-navi .page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000000;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .txt {
    width: calc(clamp(0px, calc(460 / 1400 * 100vw), calc(460 / 1400 * 1900 * 1px)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .info:not(:first-child) {
  margin-top: 1px;
}

#my-lacoste .section-be-creative .modal .body .info-head {
  position: relative;
}

#my-lacoste .section-be-creative .modal .body .info-head span {
  display: flex;
  align-items: center;
  background-color: var(--color-green);
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-head span {
    gap: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    padding-left: calc(clamp(0px, calc(17 / 1400 * 100vw), calc(17 / 1400 * 1900 * 1px)) * 1);
    padding-right: calc(clamp(0px, calc(17 / 1400 * 100vw), calc(17 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(43 / 1400 * 100vw), calc(43 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-head span {
    gap: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    padding-left: calc(clamp(0px, calc(17 / 393 * 100vw), calc(17 / 393 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(17 / 393 * 100vw), calc(17 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(43 / 393 * 100vw), calc(43 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(16 / 393 * 100vw), calc(16 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .info-head span:before {
  content: "";
  display: block;
  background: url(../images/lacoste-icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-head span:before {
    width: calc(clamp(0px, calc(35 / 1400 * 100vw), calc(35 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-head span:before {
    width: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-head:before, #my-lacoste .section-be-creative .modal .body .info-head:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    height: 1px;
    background: #ffffff;
  }
  #my-lacoste .section-be-creative .modal .body .info-head:after {
    transform: rotate(90deg);
    transition: transform 0.3s ease-out;
  }
  #my-lacoste .section-be-creative .modal .body .info-head.is-open {
    height: auto;
    opacity: 1;
  }
  #my-lacoste .section-be-creative .modal .body .info-head.is-open:after {
    transform: rotate(0deg);
  }
}

#my-lacoste .section-be-creative .modal .body .info-body {
  line-height: 1.8;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body {
    font-size: calc(clamp(0px, calc(13 / 1400 * 100vw), calc(13 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body {
    height: 0;
    overflow: hidden;
    font-size: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    opacity: 0;
    transition: opacity 0.3s ease-out;
    background-color: #ffffff;
  }
  #my-lacoste .section-be-creative .modal .body .info-body.is-open {
    height: auto;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner {
    padding-top: calc(clamp(0px, calc(25 / 1400 * 100vw), calc(25 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(40 / 1400 * 100vw), calc(40 / 1400 * 1900 * 1px)) * 1);
    padding-left: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
    padding-right: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner {
    padding-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    padding-left: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner dl {
  display: flex;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dl:not(:first-child) {
    margin-top: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dl:not(:first-child) {
    margin-top: 1.4em;
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner dt {
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dt {
    width: 4.5em;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dt {
    width: 4.0em;
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner dd {
  position: relative;
  padding-left: 1.0em;
  word-break: break-all;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dd {
    width: calc(100% - 4.5em);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner dd {
    width: calc(100% - 4.0em);
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner dd:before {
  content: "：";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#my-lacoste .section-be-creative .modal .body .info-body .inner .model-height {
  margin-top: 1.0em;
}

#my-lacoste .section-be-creative .modal .body .info-body .inner .genders {
  display: flex;
  position: relative;
}

#my-lacoste .section-be-creative .modal .body .info-body .inner .genders:before {
  content: "";
  position: absolute;
  top: 3.0em;
  bottom: 0.25em;
  width: 1px;
  left: calc(50% - 0.5px);
  background-color: #DDDDDD;
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .genders {
    font-size: calc(clamp(0px, calc(13 / 393 * 100vw), calc(13 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner .gender {
  width: 50%;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender:nth-child(1) {
    padding-right: calc(clamp(0px, calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender:nth-child(1) {
    padding-right: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender:nth-child(2) {
    padding-left: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender:nth-child(2) {
    padding-left: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .info-body .inner .gender-label {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender-label {
    font-size: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .info-body .inner .gender-label {
    font-size: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .link {
    margin-top: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .link {
    padding-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .link .button {
    width: calc(clamp(0px, calc(282 / 1400 * 100vw), calc(282 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(52 / 1400 * 100vw), calc(52 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(26 / 1400 * 100vw), calc(26 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(13 / 1400 * 100vw), calc(13 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .link .button {
    width: calc(clamp(0px, calc(254 / 393 * 100vw), calc(254 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .modal .body .close {
  border-top: 1px solid #EAEAEA;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .modal .body .close {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .close {
    padding-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .modal .body .close .button {
    width: calc(clamp(0px, calc(110 / 393 * 100vw), calc(110 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(46 / 393 * 100vw), calc(46 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(23 / 393 * 100vw), calc(23 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .more {
    margin-top: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .more {
    margin-top: calc(clamp(0px, calc(40 / 393 * 100vw), calc(40 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-be-creative .more .button {
    width: calc(clamp(0px, calc(150 / 1400 * 100vw), calc(150 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(25 / 1400 * 100vw), calc(25 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-be-creative .more .button {
    width: calc(clamp(0px, calc(148 / 393 * 100vw), calc(148 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(48 / 393 * 100vw), calc(48 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(24 / 393 * 100vw), calc(24 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(16 / 393 * 100vw), calc(16 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-be-creative .more .button.is-hide {
  display: none;
}

#my-lacoste .section-easy-4step {
  background-color: #F4EEE2;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step {
    padding-top: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step {
    padding-top: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-easy-4step .list {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .list {
    margin-top: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(1200 / 1400 * 100vw), calc(1200 / 1400 * 1900 * 1px)) * 1);
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .list {
    margin-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: calc(clamp(0px, calc(45 / 393 * 100vw), calc(45 / 393 * 100vw)) * 1);
    column-gap: calc(clamp(0px, calc(45 / 393 * 100vw), calc(45 / 393 * 100vw)) * 1);
    row-gap: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .item {
    width: calc(clamp(0px, calc(242 / 1400 * 100vw), calc(242 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .item {
    width: calc(clamp(0px, calc(109 / 393 * 100vw), calc(109 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-easy-4step .item .num {
  color: var(--color-green);
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .item .num {
    font-size: calc(clamp(0px, calc(33 / 1400 * 100vw), calc(33 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(40 / 33);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .item .num {
    font-size: calc(clamp(0px, calc(19 / 393 * 100vw), calc(19 / 393 * 100vw)) * 1);
    line-height: calc(23 / 19);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .item .img {
    margin-top: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .item .img {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-easy-4step .item .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .item .txt {
    margin-top: calc(clamp(0px, calc(32 / 1400 * 100vw), calc(32 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .item .txt {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(20.2 / 14);
  }
}

#my-lacoste .section-easy-4step .item .txt small {
  margin-top: 1.0em;
  display: block;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-easy-4step .item .txt small {
    font-size: 60%;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-easy-4step .item .txt small {
    font-size: 80%;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-in-japan {
    padding-top: calc(clamp(0px, calc(100 / 1400 * 100vw), calc(100 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-in-japan {
    padding-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-in-japan .list {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-in-japan .list {
    margin-top: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(1200 / 1400 * 100vw), calc(1200 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-in-japan .list {
    margin-top: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(0px, calc(45 / 393 * 100vw), calc(45 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-in-japan .item {
    width: calc(clamp(0px, calc(374 / 1400 * 100vw), calc(374 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-in-japan .item {
    width: calc(clamp(0px, calc(353 / 393 * 100vw), calc(353 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-in-japan .item dl {
  display: flex;
  flex-direction: column;
}

#my-lacoste .section-customize-in-japan .item .img {
  order: -1;
}

#my-lacoste .section-customize-in-japan .item .ttl {
  color: var(--color-green);
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-in-japan .item .ttl {
    margin-top: calc(clamp(0px, calc(30 / 1400 * 100vw), calc(30 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-in-japan .item .ttl {
    margin-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(18 / 393 * 100vw), calc(18 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-in-japan .item .txt {
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-in-japan .item .txt {
    margin-top: calc(clamp(0px, calc(15 / 1400 * 100vw), calc(15 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(13 / 1400 * 100vw), calc(13 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(22.4 / 13);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-in-japan .item .txt {
    margin-top: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(25.2 / 14);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores {
    padding-top: calc(clamp(0px, calc(70 / 1400 * 100vw), calc(70 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(119 / 1400 * 100vw), calc(119 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores {
    padding-top: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(78 / 393 * 100vw), calc(78 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .image {
    margin-top: calc(clamp(0px, calc(50 / 1400 * 100vw), calc(50 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .image {
    margin-top: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-at-stores .inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .inner {
    margin-top: calc(clamp(0px, calc(236 / 1400 * 100vw), calc(236 / 1400 * 1900 * 1px)) * -1);
    width: calc(clamp(0px, calc(1200 / 1400 * 100vw), calc(1200 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .inner {
    margin-top: calc(clamp(0px, calc(83 / 393 * 100vw), calc(83 / 393 * 100vw)) * -1);
    width: calc(clamp(0px, calc(353 / 393 * 100vw), calc(353 / 393 * 100vw)) * 1);
    flex-direction: column;
  }
}

#my-lacoste .section-customize-at-stores .list {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .list {
    gap: calc(clamp(0px, calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(0px, calc(692 / 1400 * 100vw), calc(692 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .list {
    -moz-column-gap: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
    column-gap: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
    row-gap: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .item {
    width: calc(clamp(0px, calc(336 / 1400 * 100vw), calc(336 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .item {
    width: calc(clamp(0px, calc(171 / 393 * 100vw), calc(171 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-at-stores .box {
  background-color: var(--color-green);
  background-position: center right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .box {
    width: calc(clamp(0px, calc(482 / 1400 * 100vw), calc(482 / 1400 * 1900 * 1px)) * 1);
    padding-top: calc(clamp(0px, calc(135 / 1400 * 100vw), calc(135 / 1400 * 1900 * 1px)) * 1);
    padding-left: calc(clamp(0px, calc(61 / 1400 * 100vw), calc(61 / 1400 * 1900 * 1px)) * 1);
    background-image: url(../images/customize-in-japan-box-bg.jpg);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .box {
    margin-top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * 1);
    width: 100%;
    height: calc(clamp(0px, calc(219 / 393 * 100vw), calc(219 / 393 * 100vw)) * 1);
    padding-top: calc(clamp(0px, calc(35 / 393 * 100vw), calc(35 / 393 * 100vw)) * 1);
    background-image: url(../images/customize-in-japan-box-bg.sp.jpg);
  }
}

#my-lacoste .section-customize-at-stores .box .txt {
  color: #ffffff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .box .txt {
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(35 / 16);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .box .txt {
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(25.2 / 14);
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .box .btn {
    margin-top: calc(clamp(0px, calc(55 / 1400 * 100vw), calc(55 / 1400 * 1900 * 1px)) * 1);
    margin-left: calc(clamp(0px, calc(200 / 1400 * 100vw), calc(200 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .box .btn {
    margin-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-customize-at-stores .box .btn .button {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-customize-at-stores .box .btn .button {
    width: calc(clamp(0px, calc(170 / 1400 * 100vw), calc(170 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(0px, calc(46 / 1400 * 100vw), calc(46 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(23 / 1400 * 100vw), calc(23 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-customize-at-stores .box .btn .button {
    width: calc(clamp(0px, calc(147 / 393 * 100vw), calc(147 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(42 / 393 * 100vw), calc(42 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(21 / 393 * 100vw), calc(21 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  transition: opacity 0.3s ease-out;
}

#my-lacoste .sticky-navi .button {
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .button {
    right: calc(clamp(calc(35 / 1400 * 1400 * 1px), calc(35 / 1400 * 100vw), calc(35 / 1400 * 1900 * 1px)) * 1);
    bottom: calc(clamp(calc(35 / 1400 * 1400 * 1px), calc(35 / 1400 * 100vw), calc(35 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(calc(134 / 1400 * 1400 * 1px), calc(134 / 1400 * 100vw), calc(134 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(calc(134 / 1400 * 1400 * 1px), calc(134 / 1400 * 100vw), calc(134 / 1400 * 1900 * 1px)) * 1);
    box-shadow: 0 0 calc(clamp(0px, calc(6 / 1400 * 100vw), calc(6 / 1400 * 1900 * 1px)) * 1) rgba(0, 0, 0, 0.15);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .button {
    right: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
    bottom: calc(clamp(0px, calc(50 / 393 * 100vw), calc(50 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(68 / 393 * 100vw), calc(68 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(68 / 393 * 100vw), calc(68 / 393 * 100vw)) * 1);
    box-shadow: 0 0 calc(clamp(0px, calc(6 / 393 * 100vw), calc(6 / 393 * 100vw)) * 1) rgba(0, 0, 0, 0.15);
  }
}

#my-lacoste .sticky-navi .button:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .button:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/sticky-navi-button-txt.png);
    -webkit-animation: stickyButtonRotate 15s linear infinite;
    animation: stickyButtonRotate 15s linear infinite;
  }
  @-webkit-keyframes stickyButtonRotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  @keyframes stickyButtonRotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .button:after {
    top: calc(clamp(0px, calc(10 / 393 * 100vw), calc(10 / 393 * 100vw)) * -1);
    right: calc(clamp(0px, calc(4 / 393 * 100vw), calc(4 / 393 * 100vw)) * -1);
    width: calc(clamp(0px, calc(24 / 393 * 100vw), calc(24 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(24 / 393 * 100vw), calc(24 / 393 * 100vw)) * 1);
    background-image: url(../images/sticky-navi-close.svg);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    -webkit-tap-highlight-color: transparent;
  }
}

#my-lacoste .sticky-navi .list {
  position: absolute;
  background-color: var(--color-green);
  transition: opacity 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list {
    bottom: calc(clamp(calc(179 / 1400 * 1400 * 1px), calc(179 / 1400 * 100vw), calc(179 / 1400 * 1900 * 1px)) * 1);
    right: calc(clamp(calc(35 / 1400 * 1400 * 1px), calc(35 / 1400 * 100vw), calc(35 / 1400 * 1900 * 1px)) * 1);
    width: calc(clamp(calc(134 / 1400 * 1400 * 1px), calc(134 / 1400 * 100vw), calc(134 / 1400 * 1900 * 1px)) * 1);
    box-shadow: 0 0 calc(clamp(0px, calc(6 / 1400 * 100vw), calc(6 / 1400 * 1900 * 1px)) * 1) rgba(0, 0, 0, 0.15);
    border-radius: calc(clamp(calc(14 / 1400 * 1400 * 1px), calc(14 / 1400 * 100vw), calc(14 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list {
    bottom: calc(clamp(0px, calc(134 / 393 * 100vw), calc(134 / 393 * 100vw)) * 1);
    right: calc(clamp(0px, calc(8 / 393 * 100vw), calc(8 / 393 * 100vw)) * 1);
    width: calc(clamp(0px, calc(151 / 393 * 100vw), calc(151 / 393 * 100vw)) * 1);
    box-shadow: 0 0 calc(clamp(0px, calc(6 / 393 * 100vw), calc(6 / 393 * 100vw)) * 1) rgba(0, 0, 0, 0.15);
    border-radius: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list dt {
  color: #ffffff;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list dt {
    padding-top: calc(clamp(calc(8 / 1400 * 1400 * 1px), calc(8 / 1400 * 100vw), calc(8 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(calc(8 / 1400 * 1400 * 1px), calc(8 / 1400 * 100vw), calc(8 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list dt {
    padding-top: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(12 / 393 * 100vw), calc(12 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list dt span {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(1) {
    font-size: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(15 / 12);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(1) {
    font-size: calc(clamp(0px, calc(13 / 393 * 100vw), calc(13 / 393 * 100vw)) * 1);
    line-height: calc(15 / 13);
  }
}

#my-lacoste .sticky-navi .list dt span:nth-child(2) {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(2) {
    margin-top: calc(clamp(calc(5 / 1400 * 1400 * 1px), calc(5 / 1400 * 100vw), calc(5 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(2) {
    margin-top: calc(clamp(0px, calc(5 / 393 * 100vw), calc(5 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list dt span:nth-child(2):after {
  content: "";
  display: block;
  background: url(../images/sticky-navi-customize-icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(2):after {
    width: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
    height: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list dt span:nth-child(2):after {
    width: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    height: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list ul {
  border-top: 1px solid #386E52;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list ul {
    padding-top: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list ul {
    padding-top: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(15 / 393 * 100vw), calc(15 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list li a {
  display: block;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list li a {
    padding-top: calc(clamp(calc(2 / 1400 * 1400 * 1px), calc(2 / 1400 * 100vw), calc(2 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(calc(2 / 1400 * 1400 * 1px), calc(2 / 1400 * 100vw), calc(2 / 1400 * 1900 * 1px)) * 1);
    padding-left: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    padding-right: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list li a {
    padding-top: calc(clamp(0px, calc(11 / 1400 * 100vw), calc(11 / 1400 * 393 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(11 / 1400 * 100vw), calc(11 / 1400 * 393 * 1px)) * 1);
    padding-left: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .sticky-navi .list li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: background-color 0.3s ease-out;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list li a span {
    height: calc(clamp(calc(30 / 1400 * 1400 * 1px), calc(30 / 1400 * 100vw), calc(30 / 1400 * 1900 * 1px)) * 1);
    border-radius: calc(clamp(calc(15 / 1400 * 1400 * 1px), calc(15 / 1400 * 100vw), calc(15 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi .list li a span {
    height: calc(clamp(0px, calc(34 / 393 * 100vw), calc(34 / 393 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(17 / 393 * 100vw), calc(17 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi .list li a:hover span {
    background-color: #000;
  }
}

#my-lacoste .sticky-navi .list:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(clamp(calc(10 / 1400 * 1400 * 1px), calc(10 / 1400 * 100vw), calc(10 / 1400 * 1900 * 1px)) * 1);
}

#my-lacoste .sticky-navi.is-inactive {
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  #my-lacoste .sticky-navi:hover .list {
    opacity: 1;
    pointer-events: auto;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .sticky-navi.is-open .button:after {
    opacity: 1;
  }
  #my-lacoste .sticky-navi.is-open .list {
    opacity: 1;
    pointer-events: auto;
  }
}

#my-lacoste .sticky-navi-deadline {
  height: 1px;
}

#my-lacoste .section-campaign {
  background-color: green;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign {
    margin-top: calc(clamp(calc(60 / 1400 * 1400 * 1px), calc(60 / 1400 * 100vw), calc(60 / 1400 * 1900 * 1px)) * 1);
    padding-top: calc(clamp(calc(20 / 1400 * 1400 * 1px), calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
    padding-bottom: calc(clamp(calc(30 / 1400 * 1400 * 1px), calc(30 / 1400 * 100vw), calc(30 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign {
    margin-top: calc(clamp(0px, calc(60 / 393 * 100vw), calc(60 / 393 * 100vw)) * 1);
    padding-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-campaign .section-body {
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign .section-body {
    width: calc(clamp(calc(755 / 1400 * 1400 * 1px), calc(755 / 1400 * 100vw), calc(755 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .section-body {
    width: calc(clamp(0px, calc(300 / 393 * 100vw), calc(300 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-campaign .catch {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .catch {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign .catch .img {
    width: calc(clamp(calc(405 / 1400 * 1400 * 1px), calc(405 / 1400 * 100vw), calc(405 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .catch .img {
    width: calc(clamp(0px, calc(300 / 393 * 100vw), calc(300 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-campaign .catch .txt {
  white-space: nowrap;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign .catch .txt {
    margin-top: calc(clamp(calc(80 / 1400 * 1400 * 1px), calc(80 / 1400 * 100vw), calc(80 / 1400 * 1900 * 1px)) * 1);
    font-size: calc(clamp(calc(16 / 1400 * 1400 * 1px), calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(27 / 16);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .catch .txt {
    margin-top: calc(clamp(0px, calc(25 / 393 * 100vw), calc(25 / 393 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    line-height: calc(27 / 16);
  }
}

#my-lacoste .section-campaign .note {
  border-top: 1px solid #fff;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign .note {
    margin-top: calc(clamp(calc(30 / 1400 * 1400 * 1px), calc(30 / 1400 * 100vw), calc(30 / 1400 * 1900 * 1px)) * 1);
    padding-top: calc(clamp(calc(20 / 1400 * 1400 * 1px), calc(20 / 1400 * 100vw), calc(20 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .note {
    margin-top: calc(clamp(0px, calc(30 / 393 * 100vw), calc(30 / 393 * 100vw)) * 1);
    padding-top: calc(clamp(0px, calc(20 / 393 * 100vw), calc(20 / 393 * 100vw)) * 1);
  }
}

#my-lacoste .section-campaign .note ul li {
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  #my-lacoste .section-campaign .note ul li {
    font-size: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .section-campaign .note ul li {
    font-size: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
    line-height: calc(19 / 11);
  }
}

#my-lacoste .section-campaign .note ul li span {
  display: inline-block;
  margin-left: -1em;
}

@media screen and (min-width: 768px) {
#my-lacoste .section-newcolor .section-body {
    position: relative;
    margin-top: 30px;
}

#my-lacoste .section-newcolor .section-body .bg_img {
    width: 100%;
}

#my-lacoste .section-newcolor .section-body .catch {
    position: absolute;
    top: 9.3333333333vw;
    left: 22.33333333vw;
}

#my-lacoste .section-newcolor .section-body .catch .txt1 {
    font-size: calc(clamp(0px, calc(53 / 1400 * 100vw), calc(53 / 1400 * 1900 * 1px)) * 1);
    text-align: center;
    color: #fff;
    line-height: 4.5vw;
}

#my-lacoste .section-newcolor .section-body .catch .txt2 {
    font-size: calc(clamp(0px, calc(16 / 1400 * 100vw), calc(16 / 1400 * 1900 * 1px)) * 1);
    color: #fff;
    line-height: 2.3vw;
    text-align: center;
    margin-top: 2vw;
}
}

@media screen and (max-width: 767px) {
#my-lacoste .section-newcolor .section-body {
  margin-top: 60px;
}

#my-lacoste .section-newcolor .section-body .bg_img {
  width: 100%;
}

#my-lacoste .section-newcolor .section-body .catch {
  background-color: #67BF8D;
  margin-top: -1px;
}

#my-lacoste .section-newcolor .section-body .catch .txt1 {
  font-size: calc(clamp(0px, calc(32 / 393* 100vw), calc(32 / 393* 100vw))* 1);
  text-align: center;
  color: #fff;
  line-height: 9.1vw;
  padding-top: 20px;
}

#my-lacoste .section-newcolor .section-body .catch .txt2 {
  font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
  color: #fff;
  line-height: 6.3vw;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 20px;
}
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention {
    width: 100%;
        background-color: green;
        padding-bottom: calc(clamp(calc(40 / 1400 * 1400 * 1px), calc(40 / 1400 * 100vw), calc(40 / 1400 * 1900 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention {
    background-color: green;
  }
}

#my-lacoste .my-lacoste-attention .attention-wrap {
  display: flex;
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention .attention-wrap {
    justify-content: space-between;
        border: 1px solid #fff;
        width: calc(clamp(calc(755 / 1400 * 1400 * 1px), calc(755 / 1400 * 100vw), calc(755 / 1400 * 1900 * 1px)) * 1);
        margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap {
    padding-bottom: 7%;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner {
    margin: 0 auto;
    display: flex;
    padding: 2vw;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner {
    margin: 0 auto;
    display: flex;
    border: 1px solid #fff;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .track-img {
    width: 100px;
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .track-img {
    width: calc(clamp(0px, calc(76 / 393 * 100vw), calc(76 / 393 * 100vw)) * 1);
    margin-right: 20px;
    margin-left: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
  }
}

#my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt {
  color: #ffffff;
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt {
    font-size: 12px;
    line-height: 18px;
    width: calc(clamp(0px, calc(240 / 393 * 100vw), calc(240 / 393 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .text_01 {
    font-size: calc(clamp(calc(15 / 1400 * 1400 * 1px), calc(15 / 1400 * 100vw), calc(15 / 1400 * 1900 * 1px)) * 1);
    font-weight: bold;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .text_01 {
    font-size: calc(clamp(0px, calc(14 / 393 * 100vw), calc(14 / 393 * 100vw)) * 1);
    font-weight: bold;
    line-height: calc(27 / 16);
    margin-bottom: 10px;
    margin-left: -7em;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
#my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .note {
  line-height: 20px;
  font-size: 12px;
}
}

@media screen and (max-width: 767px) {
#my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .note {
  font-size: 10px;
  width: calc(clamp(0px, calc(210 / 393 * 100vw), calc(210 / 393 * 100vw)) * 1);
}
}

#my-lacoste .section-campaign .note ul li {
  margin-left: 1em;
}

@media screen and (min-width: 768px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .note ul li {
    font-size: calc(clamp(calc(12 / 1400 * 1400 * 1px), calc(12 / 1400 * 100vw), calc(12 / 1400 * 1900 * 1px)) * 1);
    line-height: calc(20 / 12);
  }
}

@media screen and (max-width: 767px) {
  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .note ul li {
    font-size: calc(clamp(0px, calc(11 / 393 * 100vw), calc(11 / 393 * 100vw)) * 1);
    line-height: calc(19 / 11);
  }

  #my-lacoste .my-lacoste-attention .attention-wrap .attention-inner .attention-txt .note ul li span {
  display: inline-block;
  margin-left: -1em;
}
}
/*# sourceMappingURL=common.css.map */