[data-page-name=my_style_with_lacoste] {
  --hide-y: 40px;
}
[data-page-name=my_style_with_lacoste] h1 img {
  width: 100%;
}
[data-page-name=my_style_with_lacoste] h1 span {
  text-align: center;
}
[data-page-name=my_style_with_lacoste] h1 span.h0 {
  display: block;
  position: relative;
}
[data-page-name=my_style_with_lacoste] h1 span.h0 span.txt {
  width: min(47.46vw,280px);
  display: block;
  margin: auto;
}
[data-page-name=my_style_with_lacoste] h1 span.h0 span.bdr {
  width: min(40.68vw,240px);
  display: block;
  position: absolute;
  left: 50%;
  margin-left: max(-20.34vw,-120px);
  bottom: max(-4.75vw,-28px);
}
[data-page-name=my_style_with_lacoste] h1 span.h1 {
  position: relative;
  margin-top: max(-3.39vw,-20px);
}
[data-page-name=my_style_with_lacoste] #kv:before {
  content: "";
  width: 100%;
  height: min(5.93vw,35px);
  display: block;
}
[data-page-name=my_style_with_lacoste] #kv .c-imgKv {
  width: 89.83%;
  max-width: 1280px;
  margin-inline: auto;
}
[data-page-name=my_style_with_lacoste] #kv .content {
  position: relative;
  z-index: 5;
}
[data-page-name=my_style_with_lacoste] #kv .content .icon_arrow {
  width: min(8.47vw,50px);
  position: absolute;
  top: max(-11.02vw,-65px);
  left: 50%;
  margin-left: min(23.73vw,140px);
  z-index: 5;
}
[data-page-name=my_style_with_lacoste] #kv .content .icon_arrow img {
  width: 100%;
  vertical-align: top;
}
[data-page-name=my_style_with_lacoste] #kv .lead {
  padding-bottom: min(15.25vw,90px);
  width: var(--innerW);
  max-width: 800px;
  margin: auto;
  margin-top: min(5.93vw,35px);
}
[data-page-name=my_style_with_lacoste] #kv .lead h2 {
  line-height: 1.75;
  letter-spacing: 0.06em;
  text-align: center;
}
[data-page-name=my_style_with_lacoste] #kv .lead p {
  margin-top: min(3.39vw,20px);
  line-height: 1.6;
  color: var(--color-gray);
  letter-spacing: 0.08em;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .profile_inner {
  padding: min(13.56vw,80px) 0 min(17.97vw,106px) 0;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .c-profile {
  margin-bottom: min(13.56vw,80px);
}
[data-page-name=my_style_with_lacoste] .c-block_profile .c-profile:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-page-name=my_style_with_lacoste] .c-block_profile h3 {
  text-align: center;
  margin-bottom: min(2.03vw,12px);
}
[data-page-name=my_style_with_lacoste] .c-block_profile p.title {
  text-align: center;
  line-height: 1.5;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .instagram {
  margin-bottom: min(3.39vw,20px);
  margin-top: 0;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .instagram a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
  text-decoration: underline;
  color: var(--color-white);
  text-decoration-thickness: 1px;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .instagram .icon {
  width: min(3.05vw,18px);
  height: min(3.05vw,18px);
  margin-right: 0.5em;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .txt {
  width: 67.79%;
  margin: auto;
  max-width: 450px;
}
[data-page-name=my_style_with_lacoste] .c-block_profile .txt p {
  line-height: 1.66;
  letter-spacing: 0.1em;
}
[data-page-name=my_style_with_lacoste] .style {
  /*
  [data-slideshow]{ width: 100%; overflow: hidden;
  	ul{ display: flex; @include mx.transition(transform, .5s, ease);
  		&.no_transition{ @include mx.transition(transform, 0s, ease);}
  	}
  	li{ width: 100%; flex-shrink: 0; aspect-ratio: 530 / 785;}
  	&.w_s{
  		li{ aspect-ratio: inherit;
  			figure{ aspect-ratio: 530 / 785;}
  		}
  	}
  }
  */
}
[data-page-name=my_style_with_lacoste] .style img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
[data-page-name=my_style_with_lacoste] .style .w_s {
  padding: min(6.78vw,40px) 0;
}
[data-page-name=my_style_with_lacoste] .style#style1 {
  padding-bottom: min(16.95vw,100px);
}
[data-page-name=my_style_with_lacoste] .style#style1 img {
  vertical-align: top;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols {
  width: 89.83%;
  margin: min(8.47vw,50px) auto min(5.76vw,34px) auto;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img.with_text {
  width: 100%;
  aspect-ratio: 530/785;
  position: relative;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p {
  position: absolute;
  pointer-events: none;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name0 {
  width: min(20.17vw,119px);
  aspect-ratio: 119/64;
  top: min(26.27vw,155px);
  left: max(-1.69vw,-10px);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name1 {
  width: min(20.34vw,120px);
  aspect-ratio: 120/52;
  top: min(49.15vw,290px);
  right: max(-0.85vw,-5px);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name2 {
  width: min(24.07vw,142px);
  aspect-ratio: 142/54;
  bottom: max(-9.83vw,-58px);
  right: min(23.73vw,140px);
}
[data-page-name=my_style_with_lacoste] .style#style2 {
  padding-bottom: min(16.95vw,100px);
}
[data-page-name=my_style_with_lacoste] .style#style2 .w_s {
  padding-bottom: 0px;
  width: 89.83%;
  margin: auto;
}
[data-page-name=my_style_with_lacoste] .style#style2 .img.i0 {
  margin-bottom: min(6.78vw,40px);
}
[data-page-name=my_style_with_lacoste] .style#style2 .img.i1 {
  width: 89.83%;
  margin-inline: auto;
}
[data-page-name=my_style_with_lacoste] .style#style3 {
  padding-bottom: min(16.95vw,100px);
}
[data-page-name=my_style_with_lacoste] .style#style3 .img.i0 {
  margin-bottom: min(6.78vw,40px);
}
[data-page-name=my_style_with_lacoste] .style#style3 .img.i1 {
  width: 89.83%;
  margin-inline: auto;
}
[data-page-name=my_style_with_lacoste] .style#style4 {
  padding-bottom: min(0vw,0px);
}
[data-page-name=my_style_with_lacoste] .style#style4 .img.i0 {
  margin-bottom: min(6.78vw,40px);
}
[data-page-name=my_style_with_lacoste] .style#style4 .img.i1 {
  width: 89.83%;
  margin-inline: auto;
}
[data-page-name=my_style_with_lacoste] .style#style4 .img.i2 {
  margin-top: min(16.95vw,100px);
}
:is([data-page-name=my_style_with_lacoste] .style#style2, [data-page-name=my_style_with_lacoste] .style#style3, [data-page-name=my_style_with_lacoste] .style#style4) .info {
  padding-top: min(6.78vw,40px);
}
[data-page-name=my_style_with_lacoste] .style .info {
  padding: min(0vw,0px) 0 min(13.56vw,80px) 0;
}
[data-page-name=my_style_with_lacoste] .style .info .info_inner {
  box-sizing: border-box;
  width: 89.83%;
  margin: auto;
}
[data-page-name=my_style_with_lacoste] .style .info h3 {
  line-height: 1;
  margin-bottom: min(4.58vw,27px);
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li {
  margin-bottom: min(3.39vw,20px);
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li:last-child {
  margin-bottom: 0px;
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .cols {
  display: flex;
  justify-content: space-between;
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .cols.long .col_l {
  width: calc(100% - min(22.03vw,130px));
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .cols.long .col_r {
  width: min(22.03vw,130px);
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .col_l {
  width: calc(100% - min(18.64vw,110px));
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .col_r {
  width: min(18.64vw,110px);
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li .col_r:has(p.txt_cs) {
  width: min(25.42vw,150px);
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li p {
  line-height: 1.3;
}
[data-page-name=my_style_with_lacoste] .style .info .items ul li p.txt_cs {
  font-size: var(--fs-20-20);
  text-align: right;
  white-space: nowrap;
}
[data-page-name=my_style_with_lacoste] .style .interview .inner {
  width: var(--innerW);
  max-width: 800px;
  margin: auto;
  padding: min(13.56vw,80px) 0;
}
[data-page-name=my_style_with_lacoste] .style .interview .ttl_interview {
  display: flex;
  padding-bottom: min(3.73vw,22px);
  border-bottom: 1px solid rgb(41, 89, 55);
  margin-bottom: min(3.73vw,22px);
}
[data-page-name=my_style_with_lacoste] .style .interview .ttl_interview h4 {
  line-height: 1.75;
  font-weight: 600;
  letter-spacing: 0.1em;
}
[data-page-name=my_style_with_lacoste] .style .interview .answer p {
  line-height: 1.6;
  font-weight: 400;
  color: var(--color-black);
  letter-spacing: 0.05em;
  margin-bottom: 1.5em;
}
[data-page-name=my_style_with_lacoste] .style .interview .answer p:nth-last-of-type(1) {
  margin-bottom: 0px;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .section_inner {
  padding: min(11.86vw,70px) 0 min(14.41vw,85px) 0;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .ttl_channel {
  margin-bottom: min(6.78vw,40px);
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .ttl_channel h3 {
  text-align: center;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .ttl_channel h3 span {
  display: block;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .content .movie {
  position: relative;
  width: 100%;
  max-width: 1060px;
  aspect-ratio: 560/315;
  margin: auto;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .content .movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
[data-page-name=my_style_with_lacoste] #collection .section_inner {
  padding: min(15.25vw,90px) 0 min(22.03vw,130px) 0;
}
[data-page-name=my_style_with_lacoste] #collection h3 {
  text-align: center;
}
[data-page-name=my_style_with_lacoste] #collection h3 span.wrap {
  position: relative;
}
[data-page-name=my_style_with_lacoste] #collection h3 span {
  display: block;
}
[data-page-name=my_style_with_lacoste] #collection h3 img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
[data-page-name=my_style_with_lacoste] #collection h3 span.txt {
  width: min(49.49vw,292px);
  margin: auto;
}
[data-page-name=my_style_with_lacoste] #collection h3 span.bdr {
  width: min(40.68vw,240px);
  position: absolute;
  bottom: max(-4.24vw,-25px);
  left: 50%;
  margin-left: max(-20.34vw,-120px);
}
[data-page-name=my_style_with_lacoste] #collection p {
  letter-spacing: 0.05em;
  font-family: "Lacoste Sans";
  font-weight: 300;
}
[data-page-name=my_style_with_lacoste] #collection .link_new {
  margin-top: max(-1.69vw,-10px);
}
[data-page-name=my_style_with_lacoste] #collection a {
  color: var(--color-black);
  text-align: center;
}
[data-page-name=my_style_with_lacoste] #collection a h4 {
  margin-bottom: min(2.37vw,14px);
}

[data-page-name=my_style_with_lacoste] #kv .content .lead h2, [data-page-name=my_style_with_lacoste] #kv .content .lead p {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #kv .content.animate .lead h2, [data-page-name=my_style_with_lacoste] #kv .content.animate .lead p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #kv .content.animate .lead p {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile h3, [data-page-name=my_style_with_lacoste] #kv .c-block_profile p.title, [data-page-name=my_style_with_lacoste] #kv .c-block_profile .instagram, [data-page-name=my_style_with_lacoste] #kv .c-block_profile .txt {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate h3, [data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate p.title, [data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate .instagram, [data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate .txt {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate h3 {
  transition-delay: 0.2s;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate p.title {
  transition-delay: 0.3s;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate .instagram {
  transition-delay: 0.4s;
}
[data-page-name=my_style_with_lacoste] #kv .c-block_profile.animate .txt {
  transition-delay: 0.5s;
}
[data-page-name=my_style_with_lacoste] #kv .c-imgKv {
  filter: brightness(200%);
  opacity: 0;
  transition: opacity 0.6s ease 0s, filter 1s ease 0s;
}
[data-page-name=my_style_with_lacoste] #kv .c-imgKv figure {
  transition: transform 0.6s ease;
  transform: translate3d(0, var(--hide-y), 0);
}
[data-page-name=my_style_with_lacoste] #kv h1 span {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #kv h1 span.h0 span.bdr {
  transition: clip-path 0.4s ease-in;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
[data-page-name=my_style_with_lacoste] #kv .icon_arrow {
  transition: clip-path 0.3s ease-out;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
[data-page-name=my_style_with_lacoste] #kv.active .c-imgKv {
  opacity: 1;
  filter: brightness(100%);
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] #kv.active .c-imgKv figure {
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #kv.active h1 span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(1) {
  transition-delay: 0.3s;
}
[data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(2) {
  transition-delay: 0.5s;
}
[data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(3) {
  transition-delay: 0.6s;
}
[data-page-name=my_style_with_lacoste] #kv.active h1 span.h0 span.bdr {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: 1.1s;
}
[data-page-name=my_style_with_lacoste] #kv.active .icon_arrow {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition-delay: 0.7s;
}
[data-page-name=my_style_with_lacoste] .style .imgs [data-slideshow],
[data-page-name=my_style_with_lacoste] .style .imgs .img {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style .imgs.animate [data-slideshow], [data-page-name=my_style_with_lacoste] .style .imgs.animate .img {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style#style1 {
  padding-bottom: 0;
}
[data-page-name=my_style_with_lacoste] .style#style1 img {
  vertical-align: top;
}
[data-page-name=my_style_with_lacoste] .style#style1 .imgs .w_s {
  margin-top: min(1.69vw,10px);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols {
  transition: transform 0.6s ease;
  transform: translate3d(0, var(--hide-y), 0);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols figure {
  filter: brightness(200%);
  opacity: 0;
  transition: opacity 0.6s ease 0s, filter 1s ease 0s;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols p {
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: clip-path 0.3s ease;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate {
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate figure {
  filter: brightness(100%);
  opacity: 1;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate p {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate p.name0 {
  transition-delay: 0.3s;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate p.name1 {
  transition-delay: 0.5s;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols.animate p.name2 {
  transition-delay: 0.7s;
}
[data-page-name=my_style_with_lacoste] .style#style1 .img_cols {
  width: 89.83%;
  margin: min(8.47vw,50px) auto min(5.76vw,34px) auto;
}
[data-page-name=my_style_with_lacoste] .style#style1 .i1 {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style#style1 [data-slideshow] {
  transition-delay: 0.2s;
}
[data-page-name=my_style_with_lacoste] .style#style4 .img {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style#style4 .img.i2 {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style#style4 .img.i2.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0 .ttl_interview,
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0 .answer {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0.animate .ttl_interview,
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0.animate .answer {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style#style4 .interview.m0.animate .answer {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style#style2 [data-slideshow] {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style#style5 [data-slideshow] {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style .info h3, [data-page-name=my_style_with_lacoste] .style .info .items {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style .info.animate h3, [data-page-name=my_style_with_lacoste] .style .info.animate .items {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style .info.animate .items {
  transition-delay: 0.1s;
}
[data-page-name=my_style_with_lacoste] .style .interview {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style .interview .ttl_interview,
[data-page-name=my_style_with_lacoste] .style .interview .answer {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] .style .interview.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style .interview.animate .ttl_interview,
[data-page-name=my_style_with_lacoste] .style .interview.animate .answer {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] .style .interview.animate .ttl_interview {
  transition-delay: 0.2s;
}
[data-page-name=my_style_with_lacoste] .style .interview.animate .answer {
  transition-delay: 0.3s;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel .ttl_channel,
[data-page-name=my_style_with_lacoste] #lacoste_channel .content {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #lacoste_channel.animate .ttl_channel,
[data-page-name=my_style_with_lacoste] #lacoste_channel.animate .content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
[data-page-name=my_style_with_lacoste] #lacoste_channel.animate .ttl_channel {
  transition-delay: 0.2s;
}
[data-page-name=my_style_with_lacoste] #lacoste_channel.animate .content {
  transition-delay: 0.3s;
}
[data-page-name=my_style_with_lacoste] #collection {
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  opacity: 0;
  transform: translate3d(0, var(--hide-y), 0);
  will-change: transform, opacity;
}
[data-page-name=my_style_with_lacoste] #collection.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

@media all and (width >= 864px) {
  [data-page-name=my_style_with_lacoste] #kv {
    width: 100%;
    overflow: hidden;
    /*
    #img_kv{ width: 92.7%; margin: auto; height: mx.pcMin(995); overflow: visible; //1780
    	ul{
    		li{ position: absolute; width: 37.07%; height: auto; padding: 30px; left: 50%; transform: translate3d(0, 0, 0)!important;
    			figure{ aspect-ratio: 660 / 930;}
    			&:nth-child(1){ rotate: 0deg; margin-left: -23.535%; z-index: 2!important;}
    			&:nth-child(2){rotate: -4deg; margin-left: -49.12%; z-index: 1!important; top: 8%;}
    			&:nth-child(3){ rotate: 2deg; margin-left: 12.24%; z-index: 3!important; top: 5%;}
    		}
    	}
    }
    */
    /*
    #img_kv{ opacity: 0; transform: translate3d(0%, 100px, 0); will-change: transform, opacity;
    	ul{
    		li{ @include mx.transition3( transform, .8s, ease, rotate, .6s, ease, top, .4s, ease); will-change: transform, rotate, top;
    			&:nth-child(1){ rotate: 0deg; margin-left: -23.535%; z-index: 2!important; transform: translate3d(20%, 0, 0)!important;}
    			&:nth-child(2){rotate: 0deg; margin-left: -49.12%; z-index: 1!important; top: 0%; transform: translate3d(90%, 0, 0)!important;}
    			&:nth-child(3){ rotate: 0deg; margin-left: 11.24%; z-index: 3!important; top: 0%; transform: translate3d(-70%, 0, 0)!important;}
    		}
    	}
    }
    */
  }
  [data-page-name=my_style_with_lacoste] #kv .lead {
    padding-bottom: 62px;
    width: var(--innerW);
    max-width: 800px;
    margin: auto;
    margin-top: 34px;
  }
  [data-page-name=my_style_with_lacoste] #kv .lead h2 {
    line-height: 1.75;
  }
  [data-page-name=my_style_with_lacoste] #kv .lead p {
    margin-top: 22px;
    line-height: 1.6;
    color: var(--color-gray);
  }
  [data-page-name=my_style_with_lacoste] #kv h1 span {
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    opacity: 0;
    transform: translate3d(0, var(--hide-y), 0);
    will-change: transform, opacity;
  }
  [data-page-name=my_style_with_lacoste] #kv h1 span.h0 span.bdr {
    transition: clip-path 0.4s ease-in;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  [data-page-name=my_style_with_lacoste] #kv h1 span.h2 {
    margin-top: -0.1em;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile .c-profiles {
    width: 94.44%;
    max-width: 1360px;
    margin-inline: auto;
    display: flex;
    column-gap: 5.88%;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile .c-profiles .c-profile {
    width: 29.41%;
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile .c-profiles .c-profile .txt {
    width: 100%;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile .profile_inner {
    padding: 78px 0 106px 0;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile h3 {
    margin-bottom: 10px;
  }
  [data-page-name=my_style_with_lacoste] #kv .c-block_profile .instagram {
    margin-top: 0px;
    margin-bottom: 22px;
  }
  [data-page-name=my_style_with_lacoste] #kv .icon_arrow {
    transition: clip-path 0.3s ease-out;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  [data-page-name=my_style_with_lacoste] #kv.active #img_kv {
    transition: opacity 0.3s ease 0s, transform 0.8s ease 0s;
    transform: translate3d(0%, 0, 0);
    opacity: 1;
  }
  [data-page-name=my_style_with_lacoste] #kv.active #img_kv ul li:nth-child(1) {
    rotate: 0deg;
    transform: translate3d(0%, 0, 0) !important;
  }
  [data-page-name=my_style_with_lacoste] #kv.active #img_kv ul li:nth-child(2) {
    rotate: -2deg;
    top: 5%;
    transform: translate3d(0%, 0, 0) !important;
  }
  [data-page-name=my_style_with_lacoste] #kv.active #img_kv ul li:nth-child(3) {
    rotate: 2deg;
    top: 5%;
    transform: translate3d(0%, 0, 0) !important;
  }
  [data-page-name=my_style_with_lacoste] #kv.active h1 span {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  [data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(1) {
    transition-delay: 0.4s;
  }
  [data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(2) {
    transition-delay: 0.6s;
  }
  [data-page-name=my_style_with_lacoste] #kv.active h1 span:nth-child(3) {
    transition-delay: 0.7s;
  }
  [data-page-name=my_style_with_lacoste] #kv.active h1 span.h0 span.bdr {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition-delay: 1.1s;
  }
  [data-page-name=my_style_with_lacoste] #kv.active .icon_arrow {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition-delay: 0.7s;
  }
  [data-page-name=my_style_with_lacoste] .style .info {
    padding: 36px 0 82px 0;
  }
  [data-page-name=my_style_with_lacoste] .style .info .info_inner {
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding-left: 0%;
  }
  [data-page-name=my_style_with_lacoste] .style .info h3 {
    line-height: 1;
    margin-bottom: 29px;
  }
  [data-page-name=my_style_with_lacoste] .style .info .items ul li {
    margin-bottom: 18px;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .inner {
    max-width: 1080px;
    padding: 74px 0 82px 0;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .ttl_interview {
    padding-bottom: 20px;
    margin-bottom: 24px;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .ttl_interview br.sp {
    display: none;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .ttl_interview br.pc {
    display: block;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .answer p {
    letter-spacing: 0.1em;
  }
  [data-page-name=my_style_with_lacoste] .style .imgs {
    width: 61.45%;
    margin: auto;
    position: relative;
    height: 80.73vw;
    margin-top: 80px;
  }
  [data-page-name=my_style_with_lacoste] .style .col_l p br {
    display: none;
  }
  [data-page-name=my_style_with_lacoste] .style .col_l p span {
    margin-left: 0.2em;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img.with_text {
    width: 540px;
    aspect-ratio: 540/800;
    margin-inline: auto;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p {
    position: absolute;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name0 {
    width: min(20.17vw,119px);
    aspect-ratio: 119/64;
    top: min(10.94vw,210px);
    left: max(-3.91vw,-75px);
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name1 {
    width: min(20.34vw,120px);
    aspect-ratio: 120/52;
    top: min(20.83vw,400px);
    right: max(-4.69vw,-90px);
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img.with_text p.name2 {
    width: min(24.07vw,142px);
    aspect-ratio: 142/54;
    bottom: max(-3.96vw,-76px);
    right: min(5.73vw,110px);
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .imgs {
    width: 100%;
    height: auto;
    margin-top: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img_cols {
    width: 90%;
    min-width: 800px;
    max-width: 1080px;
    position: relative;
    display: flex;
    aspect-ratio: 1080/800;
    margin-top: 50px;
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .img_cols .img {
    width: 50%;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 .i0 {
    position: relative;
    top: auto;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 [data-slideshow] {
    position: relative;
    top: 0px;
    width: 50%;
    left: 0%;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 [data-slideshow] ul {
    width: 100%;
  }
  [data-page-name=my_style_with_lacoste] .style#style1 [data-slideshow] ul li {
    width: 100%;
    aspect-ratio: 540/800;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 {
    padding-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 .img_cols {
    display: flex;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 .imgs {
    width: 90%;
    min-width: 800px;
    max-width: 1080px;
    display: flex;
    height: auto;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 .imgs .img {
    position: relative;
    top: auto;
    width: 50%;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 .imgs .i0 {
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style2 .info {
    padding: 35px 0 70px 0;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 {
    padding-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .interview .ttl_interview {
    align-items: center;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .w_s {
    padding: 0px;
    margin: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .img_cols {
    display: flex;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .img_cols .i0 {
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .imgs { /*width: 56.25%;*/
    width: 90%;
    min-width: 800px;
    max-width: 1080px;
    display: flex;
    height: auto;
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .imgs .img {
    position: relative;
    top: auto;
    width: 50%;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .imgs [data-slideshow] {
    position: relative;
    width: 50%;
    padding: 0px;
    margin: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style3 .imgs [data-slideshow] ul li figure {
    width: 100%;
    aspect-ratio: 540/800;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .img_cols {
    display: flex;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .imgs {
    width: 90%;
    min-width: 800px;
    max-width: 1080px;
    display: flex;
    height: auto;
    margin-top: 100px;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .imgs .img {
    position: relative;
    top: auto;
    width: 50%;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .imgs {
    width: 90%;
    min-width: 800px;
    max-width: 1080px; /*width: 56.25%;*/
    display: flex;
    height: auto;
    margin-bottom: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .imgs .img {
    position: relative;
    width: 50%;
    left: auto;
    margin: 0;
  }
  [data-page-name=my_style_with_lacoste] .style#style4 .img.i2 {
    margin-top: 0px;
  }
  [data-page-name=my_style_with_lacoste] .style .interview .ttl_interview .col_r br.pc {
    display: block;
  }
  #grid {
    position: fixed;
    pointer-events: none;
    height: 100vh;
    width: 62.5%;
    left: 18.75%;
    z-index: 1000;
    top: 0px;
  }
  #grid .l,
  #grid .r {
    position: absolute;
    height: 100vh;
    width: 1px;
    display: block;
    background: rgb(255, 0, 0);
  }
  #grid .l {
    left: 0px;
  }
  #grid .r {
    right: 0px;
  }
}