@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";
  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;
}

#lacoste-haite-dokoikou {
  --base-font:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ",  Helvetica, Arial, sans-serif;
  --lacoste-font: "Lacoste", "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;
  --color-green: #105A33;
  background: #ffffff;
  color: #292929;
  font-family: var(--base-font);
  line-height: 1;
  overflow: hidden;
}

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

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

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

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

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

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

#lacoste-haite-dokoikou * {
  box-sizing: border-box;
}

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

#lacoste-haite-dokoikou img,
#lacoste-haite-dokoikou video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#lacoste-haite-dokoikou picture {
  display: block;
}

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

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

#lacoste-haite-dokoikou .lacoste-font {
  font-family: var(--lacoste-font);
}

#lacoste-haite-dokoikou .lacoste-font-bold {
  font-family: var(--lacoste-font-bold);
  font-weight: normal;
}

#lacoste-haite-dokoikou .lacoste-font-black {
  font-family: var(--lacoste-font-black);
  font-weight: normal;
}

#lacoste-haite-dokoikou .keyvisual {
  position: relative;
  width: 100%;
}

#lacoste-haite-dokoikou .keyvisual .player {
  position: relative;
}

#lacoste-haite-dokoikou .keyvisual .player video {
  position: relative;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .keyvisual .player video {
    aspect-ratio: 3584 / 2016;
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .keyvisual .player video {
    aspect-ratio: 1080 / 1920;
  }
}

#lacoste-haite-dokoikou .keyvisual .controller .sound {
  position: absolute;
  background: url(../images/keyvisual-movie-sound-on.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .keyvisual .controller .sound {
    top: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1);
    right: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1);
    width: calc(clamp(0px, calc(37 / 1100 * 100vw), calc(37 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(37 / 1100 * 100vw), calc(37 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .keyvisual .controller .sound {
    top: calc(clamp(0px, calc(35 / 750 * 100vw), calc(35 / 750 * 100vw)) * 1);
    right: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .keyvisual .controller .sound.off {
  background: url(../images/keyvisual-movie-sound-off.svg) no-repeat center/contain;
}

#lacoste-haite-dokoikou .message {
  background-color: #F5F3EF;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message {
    padding-top: calc(clamp(0px, calc(83 / 1100 * 100vw), calc(83 / 1100 * 1100 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(70 / 1100 * 100vw), calc(70 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message {
    padding-top: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(95 / 750 * 100vw), calc(95 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .message .message-inner {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message .message-inner {
    width: calc(clamp(0px, calc(1000 / 1100 * 100vw), calc(1000 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message .message-inner {
    width: calc(clamp(0px, calc(690 / 750 * 100vw), calc(690 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .message .lead {
  text-align: center;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message .lead {
    font-size: calc(clamp(0px, calc(18 / 1100 * 100vw), calc(18 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(32 / 18);
    letter-spacing: 0.02em;
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message .lead {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    line-height: calc(48 / 28);
    letter-spacing: 0.03em;
  }
}

#lacoste-haite-dokoikou .message .title {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message .title {
    margin-bottom: calc(clamp(0px, calc(50 / 1100 * 100vw), calc(50 / 1100 * 1100 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(44 / 1100 * 100vw), calc(44 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message .title {
    margin-bottom: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(55 / 750 * 100vw), calc(55 / 750 * 100vw)) * 1);
    line-height: calc(86/55);
  }
}

#lacoste-haite-dokoikou .product {
  display: flex;
  justify-content: center;
  border-bottom: 1px #EAEAEA solid;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product {
    margin-top: calc(clamp(0px, calc(75 / 1100 * 100vw), calc(75 / 1100 * 1100 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(80 / 1100 * 100vw), calc(80 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product {
    width: 100%;
    margin-top: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product.mb {
    padding-bottom: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .product .product-block {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F3EF;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block {
    width: calc(clamp(0px, calc(1000 / 1100 * 100vw), calc(1000 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(440 / 1100 * 100vw), calc(440 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block {
    width: 100%;
    padding-top: calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
    padding-left: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    padding-right: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    flex-direction: column;
  }
}

#lacoste-haite-dokoikou .product .product-block-img {
  position: relative;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-img {
    width: calc(clamp(0px, calc(345 / 1100 * 100vw), calc(345 / 1100 * 1100 * 1px)) * 1);
    margin-right: calc(clamp(0px, calc(50 / 1100 * 100vw), calc(50 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-img {
    width: calc(clamp(0px, calc(500 / 750 * 100vw), calc(500 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .product .product-block-img:before {
  position: absolute;
  content: '';
  background-image: url(../images/new_img.png);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-img:before {
    width: calc(clamp(0px, calc(70 / 1100 * 100vw), calc(70 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(70 / 1100 * 100vw), calc(70 / 1100 * 1100 * 1px)) * 1);
    top: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * -1);
    left: calc(clamp(0px, calc(10 / 1100 * 100vw), calc(10 / 1100 * 1100 * 1px)) * -1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-img:before {
    width: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * -1);
    left: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * -1);
  }
}

#lacoste-haite-dokoikou .product .product-block-text {
  text-align: start;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text {
    width: calc(clamp(0px, calc(445 / 1100 * 100vw), calc(445 / 1100 * 1100 * 1px)) * 1);
    padding-top: calc(clamp(0px, calc(60 / 1100 * 100vw), calc(60 / 1100 * 1100 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(45 / 1100 * 100vw), calc(45 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-text {
    width: 100%;
  }
}

#lacoste-haite-dokoikou .product .product-block-text .recommend-title {
  font-weight: bold;
  border-bottom: #dddd 1px solid;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text .recommend-title {
    font-size: calc(clamp(0px, calc(24 / 1100 * 100vw), calc(24 / 1100 * 1100 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-text .recommend-title {
    font-size: calc(clamp(0px, calc(36 / 750 * 100vw), calc(36 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    text-align: center;
  }
}

#lacoste-haite-dokoikou .product .product-block-text .product-name {
  color: #105A33;
  font-family: var(--lacoste-font-black);
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-name {
    font-size: calc(clamp(0px, calc(28 / 1100 * 100vw), calc(28 / 1100 * 1100 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(25 / 1100 * 100vw), calc(25 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-name {
    margin-top: calc(clamp(0px, calc(48 / 750 * 100vw), calc(48 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(42 / 750 * 100vw), calc(42 / 750 * 100vw)) * 1);
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-text {
    font-size: calc(clamp(0px, calc(16 / 1100 * 100vw), calc(16 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(30/16);
    margin-top: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-text {
    text-align: center;
    font-size: calc(clamp(0px, calc(26 / 750 * 100vw), calc(26 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    line-height: calc(44 / 26);
  }
}

#lacoste-haite-dokoikou .product .product-block-text .product-btn {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #707070;
  transition: background-color ease 0.3s;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-btn {
    width: calc(clamp(0px, calc(260 / 1100 * 100vw), calc(260 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(60 / 1100 * 100vw), calc(60 / 1100 * 1100 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(14 / 1100 * 100vw), calc(14 / 1100 * 1100 * 1px)) * 1);
    margin-top: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
    margin-left: calc(clamp(0px, calc(205 / 1100 * 100vw), calc(205 / 1100 * 1100 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(38 / 1100 * 100vw), calc(38 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-btn {
    width: calc(clamp(0px, calc(500 / 750 * 100vw), calc(500 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
    margin-inline: auto;
  }
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .product .product-block-text .product-btn:hover {
    background-color: #105A33;
    border-color: #105A33;
    color: #fff;
  }
}

#lacoste-haite-dokoikou .illit {
  background-color: #B5D8F2;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit {
    padding: calc(clamp(0px, calc(60 / 1100 * 100vw), calc(60 / 1100 * 1100 * 1px)) * 1) 0;
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit {
    padding: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1) 0;
  }
}

#lacoste-haite-dokoikou .illit__wrapper {
  background: #fff;
  border-radius: calc(clamp(0px, calc(16 / 1100 * 100vw), calc(16 / 1100 * 1100 * 1px)) * 1);
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__wrapper {
    width: calc(clamp(0px, calc(1000 / 1100 * 100vw), calc(1000 / 1100 * 1100 * 1px)) * 1);
    padding: calc(clamp(0px, calc(50 / 1100 * 100vw), calc(50 / 1100 * 1100 * 1px)) * 1) calc(clamp(0px, calc(140 / 1100 * 100vw), calc(140 / 1100 * 1100 * 1px)) * 1) calc(clamp(0px, calc(45 / 1100 * 100vw), calc(45 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__wrapper {
    width: calc(clamp(0px, calc(690 / 750 * 100vw), calc(690 / 750 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(16 / 750 * 100vw), calc(16 / 750 * 100vw)) * 1);
    padding: calc(clamp(0px, calc(65 / 750 * 100vw), calc(65 / 750 * 100vw)) * 1) calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1) calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__title {
  text-align: center;
  color: #85BFE6;
  font-weight: bold;
  letter-spacing: 0.04em;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__title {
    font-size: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(40 / 1100 * 100vw), calc(40 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__title {
    font-size: calc(clamp(0px, calc(46 / 750 * 100vw), calc(46 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(45 / 750 * 100vw), calc(45 / 750 * 100vw)) * 1);
    line-height: calc(60 / 46);
  }
}

#lacoste-haite-dokoikou .illit__image {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__image {
    width: calc(clamp(0px, calc(550 / 1100 * 100vw), calc(550 / 1100 * 1100 * 1px)) * 1);
    margin-bottom: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__image {
    width: calc(clamp(0px, calc(540 / 750 * 100vw), calc(540 / 750 * 100vw)) * 1);
    margin-bottom: calc(clamp(0px, calc(35 / 750 * 100vw), calc(35 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__image img {
  display: block;
  width: 100%;
}

#lacoste-haite-dokoikou .illit__lead {
  text-align: center;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__lead {
    font-size: calc(clamp(0px, calc(18 / 1100 * 100vw), calc(18 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(30 / 18);
    margin-bottom: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__lead {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    line-height: calc(48 / 28);
    margin-bottom: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__lead .price {
  font-weight: 700;
}

#lacoste-haite-dokoikou .illit__notes {
  color: #555;
  list-style: none;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__notes {
    max-width: calc(clamp(0px, calc(680 / 1100 * 100vw), calc(680 / 1100 * 1100 * 1px)) * 1);
    font-size: calc(clamp(0px, calc(12 / 1100 * 100vw), calc(12 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(18 / 12);
    margin-bottom: calc(clamp(0px, calc(36 / 1100 * 100vw), calc(36 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__notes {
    font-size: calc(clamp(0px, calc(22 / 750 * 100vw), calc(22 / 750 * 100vw)) * 1);
    line-height: calc(46 / 22);
    margin-bottom: calc(clamp(0px, calc(75 / 750 * 100vw), calc(75 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(602 / 750 * 100vw), calc(602 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__shops {
  border: 2px solid #85BFE6;
  position: relative;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__shops {
    padding: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1) calc(clamp(0px, calc(40 / 1100 * 100vw), calc(40 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__shops {
    padding: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1) calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__shops-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #85BFE6;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-align: center;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__shops-title {
    font-size: calc(clamp(0px, calc(18 / 1100 * 100vw), calc(18 / 1100 * 1100 * 1px)) * 1);
    width: calc(clamp(0px, calc(210 / 1100 * 100vw), calc(210 / 1100 * 1100 * 1px)) * 1);
    top: calc(clamp(0px, calc(10 / 1100 * 100vw), calc(10 / 1100 * 1100 * 1px)) * -1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__shops-title {
    font-size: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(360 / 750 * 100vw), calc(360 / 750 * 100vw)) * 1);
    top: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * -1);
    gap: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .illit__shops-list {
  display: block;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .illit__shops-list {
    font-size: calc(clamp(0px, calc(12 / 1100 * 100vw), calc(12 / 1100 * 1100 * 1px)) * 1);
    width: calc(clamp(0px, calc(620 / 1100 * 100vw), calc(620 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(18 / 12);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .illit__shops-list {
    font-size: calc(clamp(0px, calc(24 / 750 * 100vw), calc(24 / 750 * 100vw)) * 1);
    line-height: calc(36 / 24);
  }
}

#lacoste-haite-dokoikou .illit__shops-link {
  color: #105A33;
}

#lacoste-haite-dokoikou .member {
  border-top: 1px solid #ffff;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .member {
    padding-top: calc(clamp(0px, calc(65 / 1100 * 100vw), calc(65 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member {
    margin-top: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .member .member-heading {
  text-align: center;
}

#lacoste-haite-dokoikou .member .member-heading h3 {
  font-weight: bold;
  color: #105A33;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .member .member-heading h3 {
    font-size: calc(clamp(0px, calc(34 / 1100 * 100vw), calc(34 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-heading h3 {
    font-size: calc(clamp(0px, calc(48 / 750 * 100vw), calc(48 / 750 * 100vw)) * 1);
    line-height: calc(86 / 48);
  }
}

#lacoste-haite-dokoikou .member .member-heading p {
  font-size: calc(clamp(0px, calc(18 / 1100 * 100vw), calc(18 / 1100 * 1100 * 1px)) * 1);
  margin-top: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-heading p {
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    line-height: calc(48/28);
  }
}

#lacoste-haite-dokoikou .member .member-contents {
  width: calc(clamp(0px, calc(1280 / 1100 * 100vw), calc(1280 / 1100 * 1100 * 1px)) * 1);
  margin-top: calc(clamp(0px, calc(50 / 1100 * 100vw), calc(50 / 1100 * 1100 * 1px)) * 1);
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-contents {
    margin-top: calc(clamp(0px, calc(60 / 750 * 100vw), calc(60 / 750 * 100vw)) * 1);
    gap: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1);
    width: calc(clamp(0px, calc(630 / 750 * 100vw), calc(630 / 750 * 100vw)) * 1);
    flex-direction: column;
  }
}

#lacoste-haite-dokoikou .member .member-block {
  width: calc(clamp(0px, calc(240 / 1100 * 100vw), calc(240 / 1100 * 1100 * 1px)) * 1);
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block {
    width: 100%;
  }
}

#lacoste-haite-dokoikou .member .member-block h4 {
  font-size: calc(clamp(0px, calc(20 / 1100 * 100vw), calc(20 / 1100 * 1100 * 1px)) * 1);
  margin-top: calc(clamp(0px, calc(30 / 1100 * 100vw), calc(30 / 1100 * 1100 * 1px)) * 1);
  color: #105A33;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block h4 {
    margin-top: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
    font-size: calc(clamp(0px, calc(32 / 750 * 100vw), calc(32 / 750 * 100vw)) * 1);
    text-align: center;
  }
}

#lacoste-haite-dokoikou .member .member-block ul {
  margin-top: calc(clamp(0px, calc(22 / 1100 * 100vw), calc(22 / 1100 * 1100 * 1px)) * 1);
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block ul {
    margin-top: calc(clamp(0px, calc(45 / 750 * 100vw), calc(45 / 750 * 100vw)) * 1);
    padding-inline: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: calc(clamp(0px, calc(30 / 750 * 100vw), calc(30 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .member .member-block ul li {
  margin-top: calc(clamp(0px, calc(12 / 1100 * 100vw), calc(12 / 1100 * 1100 * 1px)) * 1);
  font-size: calc(clamp(0px, calc(16 / 1100 * 100vw), calc(16 / 1100 * 1100 * 1px)) * 1);
  text-decoration: underline;
  position: relative;
  padding-left: 0.75em;
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block ul li {
    margin-top: 0;
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .member .member-block ul li.underline-none {
  text-decoration: none;
}

#lacoste-haite-dokoikou .member .member-block ul li.underline-none a {
  pointer-events: none;
}

#lacoste-haite-dokoikou .member .member-block ul li:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  transform: translateY(-50%);
  display: block;
  background-color: var(--color-green);
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .member .member-block ul li:before {
    width: calc(clamp(0px, calc(5 / 1100 * 100vw), calc(5 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(5 / 1100 * 100vw), calc(5 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block ul li:before {
    width: calc(clamp(0px, calc(9 / 750 * 100vw), calc(9 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(9 / 750 * 100vw), calc(9 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .member .member-block ul li.comingsoon {
  text-decoration: none;
  pointer-events: none;
}

#lacoste-haite-dokoikou .member .member-block ul li.comingsoon span {
  font-size: calc(clamp(0px, calc(12 / 1100 * 100vw), calc(12 / 1100 * 1100 * 1px)) * 1);
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-block ul li.comingsoon span {
    font-size: calc(clamp(0px, calc(20 / 750 * 100vw), calc(20 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .member .member-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--lacoste-font-bold);
  font-weight: bold;
  color: #105A33;
  border: 1px solid #105A33;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0.03em;
  transition: background-color .3s ease, color .3s ease;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .member .member-btn {
    width: calc(clamp(0px, calc(500 / 1100 * 100vw), calc(500 / 1100 * 1100 * 1px)) * 1);
    height: calc(clamp(0px, calc(60 / 1100 * 100vw), calc(60 / 1100 * 1100 * 1px)) * 1);
    margin: calc(clamp(0px, calc(55 / 1100 * 100vw), calc(55 / 1100 * 1100 * 1px)) * 1) auto 0;
    font-size: calc(clamp(0px, calc(16 / 1100 * 100vw), calc(16 / 1100 * 1100 * 1px)) * 1);
    border-radius: calc(clamp(0px, calc(38 / 1100 * 100vw), calc(38 / 1100 * 1100 * 1px)) * 1);
  }
  #lacoste-haite-dokoikou .member .member-btn:hover {
    background-color: #105A33;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .member .member-btn {
    width: calc(clamp(0px, calc(630 / 750 * 100vw), calc(630 / 750 * 100vw)) * 1);
    height: calc(clamp(0px, calc(100 / 750 * 100vw), calc(100 / 750 * 100vw)) * 1);
    margin: calc(clamp(0px, calc(80 / 750 * 100vw), calc(80 / 750 * 100vw)) * 1) auto 0;
    font-size: calc(clamp(0px, calc(28 / 750 * 100vw), calc(28 / 750 * 100vw)) * 1);
    border-radius: calc(clamp(0px, calc(50 / 750 * 100vw), calc(50 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .message-detail {
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message-detail {
    padding-top: calc(clamp(0px, calc(60 / 1100 * 100vw), calc(60 / 1100 * 1100 * 1px)) * 1);
    padding-bottom: calc(clamp(0px, calc(100 / 1100 * 100vw), calc(100 / 1100 * 1100 * 1px)) * 1);
    background-color: #fff;
    width: calc(clamp(0px, calc(1000 / 1100 * 100vw), calc(1000 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message-detail {
    padding-top: calc(clamp(0px, calc(90 / 750 * 100vw), calc(90 / 750 * 100vw)) * 1);
    padding-bottom: calc(clamp(0px, calc(160 / 750 * 100vw), calc(160 / 750 * 100vw)) * 1);
    padding-inline: calc(clamp(0px, calc(45 / 750 * 100vw), calc(45 / 750 * 100vw)) * 1);
    border-top-left-radius: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
    border-top-right-radius: calc(clamp(0px, calc(10 / 750 * 100vw), calc(10 / 750 * 100vw)) * 1);
  }
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-logo {
    width: calc(clamp(0px, calc(425 / 1100 * 100vw), calc(425 / 1100 * 1100 * 1px)) * 1);
    margin-inline: auto;
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-logo {
    width: calc(clamp(0px, calc(470 / 750 * 100vw), calc(470 / 750 * 100vw)) * 1);
    margin-inline: auto;
  }
}

#lacoste-haite-dokoikou .message-detail .message-detail-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-block {
    margin-top: calc(clamp(0px, calc(40 / 1100 * 100vw), calc(40 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-block {
    margin-top: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    gap: calc(clamp(0px, calc(40 / 750 * 100vw), calc(40 / 750 * 100vw)) * 1);
    flex-direction: column;
  }
}

#lacoste-haite-dokoikou .message-detail .message-detail-block-img {
  width: calc(clamp(0px, calc(380 / 1100 * 100vw), calc(380 / 1100 * 1100 * 1px)) * 1);
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-block-img {
    display: block;
    margin-inline: auto;
    width: calc(clamp(0px, calc(600 / 750 * 100vw), calc(600 / 750 * 100vw)) * 1);
  }
}

#lacoste-haite-dokoikou .message-detail .message-detail-block-img p {
  font-weight: bold;
  font-size: 10px;
  text-align: right;
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-block-text {
    width: calc(clamp(0px, calc(606 / 1100 * 100vw), calc(606 / 1100 * 1100 * 1px)) * 1);
    line-height: calc(22/12);
    font-size: calc(clamp(0px, calc(12 / 1100 * 100vw), calc(12 / 1100 * 1100 * 1px)) * 1);
  }
}

@media screen and (max-width: 767px) {
  #lacoste-haite-dokoikou .message-detail .message-detail-block-text {
    width: 100%;
    font-size: calc(clamp(0px, calc(26 / 750 * 100vw), calc(26 / 750 * 100vw)) * 1);
    line-height: calc(40 / 26);
  }
}
/*# sourceMappingURL=common.css.map */