/** Shopify CDN: Minification failed

Line 233:0 Unexpected "}"

**/
:root {
	--ink: #111;
	--muted: #5f5f5f;
	--line: #d7d7d7;
	--bg: #fff !important;
	--max: 980px;
	--wide: 1180px
}

.color-scheme {
    background-color: white !important;
}


* {
	box-sizing: border-box
}
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .03em
}
.brlp {
	overflow: hidden
}
.brlp__eyebrow {
	max-width: var(--wide);
	margin: 14px auto 26px;
	padding: 0 20px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: .08em
}
.section-title {
	margin: 0 0 26px;
	text-align: center;
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 0
}
.section-narrow {
	max-width: 1080px;
	margin: 0 auto;
	padding: 72px 20px
}
.kv {
	position: relative;
	width: min(100%, 1200px);
	margin: 0 auto;
	aspect-ratio: 1840/841;
	overflow: hidden;
	background: #111;
	cursor: pointer
}
.kv__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity .35s ease, transform .55s ease
}
.kv__img--plain, .kv__overlay, .kv__copy {
	opacity: 0
}
.kv__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .58);
	transition: opacity .35s ease
}
.kv__copy {
	position: absolute;
	left: 50%;
	top: 53%;
	width: 86%;
	max-width: 720px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	transition: opacity .35s ease
}

.kv__copy p{
	color: #fff;
}

.kv__lead {
	font-weight: 700;
	color: white;
	font-size: 24px;
}
.kv__copy h1 {
	margin: 8px 0 16px;
	font-size: 20px;
	line-height: 1.55;
	font-weight: 700;
	color: white;
}
.kv:hover .kv__img--logo, .kv.is-active .kv__img--logo {
	opacity: 0
}
.kv:hover .kv__img--plain, .kv:hover .kv__overlay, .kv:hover .kv__copy, .kv.is-active .kv__img--plain, .kv.is-active .kv__overlay, .kv.is-active .kv__copy {
	opacity: 1
}
.intro {
	text-align: center
}
.intro p {
	margin: 0 0 1em
}
.movie {
	padding-top: 150px
}
.movie__box {
	background: #d8d8d8;
	border: 1px solid #333;
	padding: 0;
	aspect-ratio: 16/9
}
.movie video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.features {
	max-width: 1080px;
	margin: 0 auto;
	padding: 72px 20px
}
.features__slider {
	display: grid;
	grid-template-columns: 40px 1fr 40px;
	gap: 14px;
	align-items: center
}
.features__track {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px
}
.feature-card {
	position: relative;
	aspect-ratio: 2/3;
	overflow: hidden;
	background: #ddd;
	transition: transform .25s ease
}
.feature-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}
.feature-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .48);
	transition: opacity .25s ease
}
.feature-card.is-active {
	transform: scale(1.04);
	z-index: 1
}
.feature-card.is-active::after {
	opacity: 0
}
.features__nav {
	border: 0;
	background: transparent;
	font-size: 19px;
	line-height: 1;
	cursor: pointer
}
.features__text {
    max-width: 780px;
    margin: 50px auto 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.8;
}
.features__text h3 {
	margin: 0 0 8px;
	font-size: 14px;
	letter-spacing: .08em
}
.features__text p {
	margin: 0
}
.products {
	max-width: var(--wide);
	margin: 0 auto;
	padding: 72px 20px
}
.product-section {
	display: grid;
	grid-template-columns: 1fr 550px;
	gap: 80px;
	align-items: center;
	max-width: 1200px;
	margin: 78px auto 78px
}


.product-section p{
text-align: left;
}


.product-section--reverse {
	grid-template-columns: 360px 1fr
}
.product-section--reverse .product-section__text {
	order: 2
}
.product-section h3 {
	margin: 0 0 14px;
	font-size: 24px;
	font-weight: 500;
	text-align: left;
   font-family: var(--eyevol-font-primary);
}
}
.product-section p {
    text-align: left;
    margin: 0;
    font-size: 14px;
}
.product-section img {
	width: 100%;
	height: auto;
	display: block
}
.product-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px;
	max-width: 960px;
	margin: 0 auto 78px
}
.product-card {
	position: relative;
	text-decoration: none;
	color: inherit;
	text-align: center;
	font-size: 10px;
	line-height: 1.4
}
.product-card img {
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.product-card.is-locked::after {
	content: "5/29(金) 11:00までカートへは飛べません";
	position: absolute;
	inset: 0 0 auto 0;
	padding: 10px 8px;
	background: rgba(0, 0, 0, .72);
	color: #fff;
	font-size: 10px;
	line-height: 1.5;
	opacity: 0;
	transition: opacity .2s
}
.product-card.is-locked:hover::after {
	opacity: 1
}
.about {
	border-top: 1px solid #999;
	text-align: center
}
.about__logo {
	line-height: .8;
	font-size: 24px;
	letter-spacing: .04em
}
.about__insta a {
	color: inherit
}
.back-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 220px;
	height: 34px;
	margin-top: 18px;
	border: 1px solid #999;
	color: inherit;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: .08em
}



    #shopify-section-template--21942183985407__featured_products_eyevol_AxPFBg {
      --product-list-items-per-row: 2;


        --section-padding-top: 100px;


        --section-padding-bottom: 100px;

    }

    @media screen and (min-width: 700px) {
      #shopify-section-template--21942183985407__featured_products_eyevol_AxPFBg {
        --product-list-items-per-row: 4;
      }
    }

    .container.featured-products-laaa__container {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 17.5px;
    }

    .featured-products-laaa__product-list {
      --product-list-default-row-gap: 2rem;
      --product-list-default-column-gap: 1.625rem;
    /* Product list specific styles */
  }

  .featured-products-laaa__prev-button,
  .featured-products-laaa__next-button {
    width: 40px;
    height: 40px;
    transform: rotate(0deg);
  }

  .featured-products-laaa__prev-button {
    transform: rotate(180deg);
  }

  .featured-products-laaa__prev-button:hover,
  .featured-products-laaa__next-button:hover {
    opacity: 0.9;
    transition: all 0.3s ease;
  }

  .featured-products-laaa__scroll-carousel {
  /* Scroll carousel specific styles */
}

.featured-products-laaa__progress-bar-wrapper {
/* Progress bar wrapper styles */
}

.featured-products-laaa__progress-bar {
/* Progress bar styles */
}

@media screen and (min-width: 700px) {
  .product-list.featured-products-laaa__scroll-carousel {
    --product-list-card-width: 340px;
  }

  .featured-products-laaa__scroll-carousel .product-card {
    flex: 0 0 340px;
    max-width: 340px;
  }

  .featured-products-laaa__prev-button,
  .featured-products-laaa__next-button {
    width: 46px;
    height: 46px;
  }

  .laaa-section--custom-padding {
    padding-bottom: 120px;
}
}



@media(max-width:699px) {
	body {
		font-size: 13px
	}
	.brlp__eyebrow {
		margin: 12px auto 14px
	}
	.kv {
		width: 100%;
		aspect-ratio: 1/1.14
	}
	.kv__img {
		object-fit: cover
	}
	.kv__copy {
		top: 55%;
		width: 88%
	}
	.kv__copy h1 {
		font-size: 18px
	}
	.section-narrow, .features, .products {
		padding: 48px 18px
	}
	.features__slider {
		grid-template-columns: 30px 1fr 30px
	}
	.features__track {
		gap: 5px
	}
	.features__text {
		font-size: 11px
	}
	.product-section, .product-section--reverse {
		display: block;
		max-width: 420px
	}
	.product-section__text, .product-section--reverse .product-section__text {
		order: initial;
		margin-bottom: 20px
	}
	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px 12px;
		margin-bottom: 54px
	}
	.product-card.is-locked::after {
		opacity: 1;
		position: static;
		display: block;
		margin-top: 6px;
		background: transparent;
		color: #666;
		padding: 0
	}
	.section-title {
		font-size: 23px
	}
}


/* =========================================
   BRIEFING × Eyevol 商品5列固定
========================================= */

.featured-products-laaa .product-list {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 24px !important;

  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.featured-products-laaa .product-card {
  width: 100% !important;
  min-width: 0 !important;
}

.featured-products-laaa .product-card__media,
.featured-products-laaa .product-card__image {
  width: 100%;
  display: block;
}

/* タブレット */
@media screen and (max-width: 999px) {
  .featured-products-laaa .product-list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* スマホ */
@media screen and (max-width: 699px) {
  .featured-products-laaa .product-list {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px 12px !important;
  }
}


/* =========================================
   GLASSHOLD CAP 上下罫線
========================================= */

.product-section + .featured-products-laaa {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
}

.product-section + .featured-products-laaa::before,
.product-section + .featured-products-laaa::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(100%, 760px);
  height: 1px;
  background: #222;
}

.product-section + .featured-products-laaa::before {
  top: 0;
}

.product-section + .featured-products-laaa::after {
  bottom: 0;
}


/* =========================================
   SP メインビジュアル全表示
========================================= */

@media screen and (max-width: 699px) {

  .kv {
    aspect-ratio: auto !important;
    height: auto !important;
    background: #fff;
  }

  .kv__img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
    display: block;
  }



  .kv__copy {
    position: absolute;
    inset: auto 0 8% 0;
    width: 90%;
    margin: auto;
  }
}

/* =========================================
   SP メインビジュアル：初期ロゴあり → タップで暗転テキスト
========================================= */

@media screen and (max-width: 699px) {
  .kv {
    width: 100% !important;
    aspect-ratio: 1840 / 841 !important;
    height: auto !important;
    background: #fff;
    overflow: hidden;
  }

  .kv__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* 初期状態：ロゴあり画像を表示 */
  .kv__img--logo {
    opacity: 1 !important;
    display: block !important;
  }

  .kv__img--plain,
  .kv__overlay,
  .kv__copy {
    opacity: 0 !important;
  }

  /* タップ後：ロゴなし画像 + 暗いオーバーレイヤー + テキスト */
  .kv.is-active .kv__img--logo {
    opacity: 0 !important;
  }

  .kv.is-active .kv__img--plain,
  .kv.is-active .kv__overlay,
  .kv.is-active .kv__copy {
    opacity: 1 !important;
  }

  .kv__copy {
    position: absolute !important;
    left: 50% !important;
    top: 35% !important;
    width: 100% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center;
  }


.kv__copy {
	position: absolute;
	left: 50%;
	top: 53%;
	width: 86%;
	max-width: 720px;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	transition: opacity .35s ease
}

.kv__copy p {
    color: #fff;
    font-size: 8px;
    line-height: 1.5;
}

.kv__lead {
	font-weight: 700;
	color: white;
	font-size: 14px !important;
}
.kv__copy h1 {
	margin: 8px 0;
	font-size: 11px;
	line-height: 1.2;
	font-weight: 700;
	color: white;
}


.sp{display: block;}
.pc{display: none;}

.features__text p{
	font-size: 13px;
}

.product-section p {
    font-size: 13px;
}

.product-section h3 {
    font-size: 18px;
}

}


@media screen and (min-width: 699px) {
.pc{display: block;}
.sp{display: none;}
}