h1,h2,h3,h4{font-weight: 100;}

	.lnkpoint{display: block;height: 1px;padding-top: 120px;margin-top: -120px;}	

/* ===PC版 ================================= */
@media screen and (min-width:1041px) {

header{position: fixed;width: 100%;height: 120px;z-index: 100;opacity: 0;transition: 2s;}
header.v1{opacity: 1;}
header a.lg{position: absolute;left: 30px;top: 29px;}
header a.lg img{height: 49px;}
header ul{display: block;width: max-content;position: absolute;right: 255px;top: 53px;}
header ul.menu li{margin-right: 110px;float: left;}
header ul.menu li:last-child{margin-right: 0;}
header ul.menu li a{height: 18px;}
header ul.menu li a img{height:18px;}
header div.btn{position: absolute;width: 90px;height: 17px;right: 60px;top: 53px;cursor: pointer;display: none;}
header div.btn span{display: block;width: 100px;height: 1px;background: rgba(137, 137, 137,1);position: absolute;}
header div.btn span:nth-child(1){top: 0;}
header div.btn span:nth-child(2){top: 0;bottom: 0;margin: auto;}
header div.btn span:nth-child(3){bottom: 0;}

div#maincont{}
div#maincont div#sec001{display: block;width: 100%;height:100vh;overflow: hidden;background: url(img/mvsec_002.jpg) no-repeat center top;background-size: cover;}
div#maincont div#sec001 img.scbk{height: 100vh;position: absolute;left: 0;right: 0;margin: auto;display: none;}
div#maincont div#sec001 div.inner{width:90%;position: relative;margin: 0 auto;height: 100vh;}
div#maincont div#sec001 div.inner h1{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;height: 28.5px;}
div#maincont div#sec001 div.inner h1 img{height: 28.5px;}

div#maincont div#sec002{position: relative;height: 100vh;width: 100%;background: url("img/sec002_001.png")no-repeat center center;background-size: cover;}
div#maincont div#sec002 div.scbk{content: "";position: absolute;width: 100%;height: 100vh;left: 0;top:0;display: block;background:rgba(255,255,255,0.0);z-index: 1;transition: 1.5s;}
div#maincont div#sec002 div.scbk.v1{background:rgba(255,255,255,0.0);}

div#maincont div#sec002 ul.copy{width: max-content;position: absolute;top: 18vh;right: 0;left: 0;margin: auto;z-index: 5;}
div#maincont div#sec002 ul.copy li{font-size: 20px;letter-spacing: 0.1em;line-height:8vh;color: #000;}
div#maincont div#sec002 ul.copy li img{height: 2.3vh;}
div#maincont div#sec002 ul.copy li {opacity: 0;transform: translateY(8px);}
div#maincont div#sec002 ul.copy.v1 li {animation: fadeInUp 0.6s forwards;}
/*	
div#maincont div#sec002 ul.copy.v1 li:nth-child(1) { animation-delay: 0.2s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(2) { animation-delay: 0.7s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(3) { animation-delay: 1.2s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(4) { animation-delay: 1.7s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(5) { animation-delay: 2.2s; }
*/
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: none; }
}
	
div#maincont div#sec002 img.lg{height:20vh;position: absolute;left: 0;right: 0;top:0;bottom:0;margin: auto;z-index: 5;opacity: 0}
div#maincont div#sec002 img.lg.v1{opacity: 1;transition: 3s;}
div#maincont div#sec002 img.lg.v2{ bottom: -46vh; opacity: 1;transition: 1.4s;}
div#maincont div#sec002 p{font-size: 12px;line-height: 2em;text-align: center;width: max-content;position: absolute;left: 0;right: 0;bottom: 7vh;margin: auto;color: #fff;z-index: 5;opacity: 0;transition: 1.0s;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
div#maincont div#sec002 p.v1{opacity: 1;}


/* ▼ 既存の #sec003 のレイアウト指定はそのまま残し、このブロックを後ろに追記 */
#maincont #sec003 {
margin-top: -1px;
padding: 200px 0 100px;
position: relative;
overflow: hidden;
/* 位置の基準 */
--p1x: 80%; --p1y: 12%;
--p2x: 22%; --p2y: 22%;
--p3x: 52%; --p3y: 88%;

/* 透明度（脈動させる） */
--a1: 0.05;  /* ピンク */
--a2: 0.42;  /* ラベンダー */
--a3: 0.48;  /* アクア */

/* 背景のみ指定（他プロパティは上書きしない） */
background-color: #ffffff;
background-image:
radial-gradient(1200px 800px at var(--p1x) var(--p1y), rgba(255,200,230,var(--a1)), transparent 70%),
radial-gradient(1000px 700px  at var(--p2x) var(--p2y), rgba(210,190,255,var(--a2)), transparent 70%),
radial-gradient(900px  700px  at var(--p3x) var(--p3y), rgba(180,220,255,var(--a3)), transparent 70%),
linear-gradient(180deg, #f7f2ff 0%, #eef4ff 65%, #ffffff 100%);
background-repeat: no-repeat;
}

/* 本文は前面に */
div#maincont div#sec003 > *{position: relative;z-index: 1;}

div#maincont div#sec003 div.rec001{width: 960px;margin: 0 auto 0;position:relative;z-index: 10;}
div#maincont div#sec003 div.rec001 h2{margin: 0 0 30px 0;}
div#maincont div#sec003 div.rec001 h2 img{height: 29px;}
div#maincont div#sec003 div.rec001 div.youtube-wrap{width: 99.7%;margin-bottom: 100px;}
div#maincont div#sec003 div.rec001 div.youtube-wrap iframe{margin-bottom: 100px;width: 100%;height: 540px;}
div#maincont div#sec003 div.rec001 img.sv.end{margin-bottom: 0;}
div#maincont div#sec003 div.rec002 {
margin: 80px 0 200px 0;
display: flex;
position: relative;
z-index: 10;
overflow: hidden;
justify-content: center;}
div#maincont div#sec003 div.rec002 img{width: 1300px;max-width: auto;}
div#maincont div#sec003 div.rec003{width: 100%;margin: 0 auto 0;position:relative;z-index: 10;}
div#maincont div#sec003 div.rec003 h2{margin: 0 0 30px 0;text-align: center;}
div#maincont div#sec003 div.rec003 h2 img{height: 29px;}
div#maincont div#sec003 div.rec003 ul.newslist{width: 850px;margin: 0 auto 200px;}
div#maincont div#sec003 div.rec003 ul.newslist li{}
div#maincont div#sec003 div.rec003 ul.newslist li a{}
div#maincont div#sec003 div.rec003 ul.newslist li a img{width: 100%;}
div#maincont div#sec003 div.rec003 p.storesbtn{width: 850px;height: 140px;margin: 0 auto 200px;}
div#maincont div#sec003 div.rec003 p.storesbtn a{width: 850px;height: 140px;display: block;background: #fff;position: relative;}
div#maincont div#sec003 div.rec003 p.storesbtn a img.cpimg{height: 25px;top: 0;bottom: 0;left: 130px;position: absolute;margin: auto;}
div#maincont div#sec003 div.rec003 p.storesbtn a img.thmbimg{height: 140px;position: absolute;right: 0;top: 0;}

div#maincont div#sec003 div.rec003 ul.productlist{width: 850px;margin: 0 auto;}
div#maincont div#sec003 div.rec003 ul.productlist li{float: left;width: 270px;height: 135px;background: #fff;margin-right: 20px;overflow: hidden;}
div#maincont div#sec003 div.rec003 ul.productlist li:last-child{margin-right: 0;}
div#maincont div#sec003 div.rec003 ul.productlist li a{width: 270px;height: 135px;display: block;position: relative;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(1) a img.ttl{position: absolute;left: 26px;top: 56px;width: 114px;z-index: 5;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(1) a img.thmb{width: 102%;position: absolute;left: 0;top: -1px;z-index: 1;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(2) a img.ttl{position: absolute;left: 39px;top: 0;width: 74px;bottom: 0;margin: auto;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(2) a img.thmb{height: 136px;position: absolute;right: -1px;top: -1px;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(3) a img.ttl{position: absolute;left: 33px;top: 0;bottom: 0;margin: auto;height: 78px;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(3) a img.thmb{position: absolute;right: -1px;top: -1px;height: 136px;}

div#maincont div#sec003 div.rec004{padding: 200px 0 0 0;position:relative;z-index: 10;}
div#maincont div#sec003 div.rec004 p.line_btn{width: 631px;height: 97px;background: #fff;position: relative;margin: 0 auto 100px;}
div#maincont div#sec003 div.rec004 p.line_btn a{width: 631px;height: 97px;display: block;position: relative;}
div#maincont div#sec003 div.rec004 p.line_btn a img.lg{height: 68px;position: absolute;top: 0;bottom: 0;left: 60px;margin: auto;}
div#maincont div#sec003 div.rec004 p.line_btn a img.tx{height: 22px;position: absolute;top: 0;bottom: 0;right: 70px;margin: auto;}
div#maincont div#sec003 div.rec004 ul.sns{width: 406px;margin: 0 auto 100px;}
div#maincont div#sec003 div.rec004 ul.sns li{float: left;margin-right: 51.2px;}
div#maincont div#sec003 div.rec004 ul.sns li:last-child{margin-right: 0;}
div#maincont div#sec003 div.rec004 ul.sns li a{display: block;width: 63px;height: 63px;border-radius: 100px;background: #000;position: relative;}
div#maincont div#sec003 div.rec004 ul.sns li a img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 55%;}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(1) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(2) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(3) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(4) a img{width: 66%;}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(5) a img{}
div#maincont div#sec003 div.rec004 img.llg{margin: 0 auto;width: 163px;display: block;}
div#maincont div#sec003 img.lbk{position: absolute;width: 100%;bottom: -30vh;z-index: 5;}
}
/*
/* ===SP版 ================================= */
@media screen and (min-width:0px) and (max-width:1040px){

header{position: fixed;width: 100%;height: 49px;z-index: 100;background: #fff;opacity: 0;transition: 2s;}
header.v1{opacity: 1;}
header a.lg{position: absolute;left: 18px;top: 15px;}
header a.lg img{height:20px;}
header ul{display: block;width: 100%;position: absolute;right: 0;top: 49px;background: #eeeeee;padding: 12px 5% 10px;transition: 1s;opacity: 0;}
header.on ul{opacity: 1;}
header ul.menu li{float: left;width: 32%;text-align: center;margin-right: 2%;}
header ul.menu li:last-child{margin-right: 0;}
header ul.menu li a{display: block;height: 13px;text-align: center;}
header ul.menu li a img{height: 13px;}
header div.btn{position: absolute;width: 40px;height: 17px;right: 20px;top: 17px;cursor: pointer;}
header div.btn span{  display: block;width: 40px;height: 1px;background: rgba(0, 0, 0, 0.7);position: absolute;}
header div.btn span:nth-child(1){top: 0;transition: 1s;}
header div.btn span:nth-child(2){top: 0;bottom: 0;left: 0; margin: auto;transition: 1s;}
header div.btn span:nth-child(3){bottom: 0;transition: 1s;}

header.on div.btn span:nth-child(1){top: 50%;transform: rotate(25deg);}
header.on div.btn span:nth-child(2){top: 0;bottom: 0;left: -6px;margin: auto;opacity: 0;width: 0px;}
header.on div.btn span:nth-child(3){bottom: 50%;transform: rotate(-25deg);}
	
div#maincont{}
div#maincont div#sec001{display: block;width: 100%;height:100vh;overflow: hidden;background: url(img/mvsec_002sp.jpg) no-repeat center top;background-size: cover;
  transition: background-position 0.6s ease;
}

/* 発火後 */
div#maincont div#sec001.shift {
  background-position: center top 50px;
}
	
div#maincont div#sec001 img.scbk{height: 100vh;position: absolute;left: 0;right: 0;margin: auto;display: none;}
div#maincont div#sec001 div.inner{        width: 100%;position: relative;margin: 0 auto;height: 100vh;}
div#maincont div#sec001 div.inner h1{        position: absolute;right: 0;left: 0;margin: auto;bottom:5vh;width: 70%;max-width: 250px;}
div#maincont div#sec001 div.inner h1 img{  width: 100%;}

div#maincont div#sec002{  position: relative;height: 100dvh;width: 100%;background: url(img/sec002_001.png) no-repeat center center;background-size: cover;overflow: hidden;transition: 1.5s;}
div#maincont div#sec002 div.scbk{  content: "";position: absolute;width: 100%;height: 300svh;left: 0;top: 0;display: block;background: rgba(255, 255, 255, 0);z-index: 1;transition: 2.5s;}
div#maincont div#sec002 div.scbk.v1{background:rgba(255,255,255,0.0);}
div#maincont div#sec002 ul.copy{width: max-content;position: absolute;top: 15svh;right: 0;left: 0;margin: auto;z-index: 5;}
div#maincont div#sec002 ul.copy li{font-size: 15px;letter-spacing: 0.1em;line-height:7vh;color: #000;}
div#maincont div#sec002 ul.copy li img{height: 2.1vh;}
div#maincont div#sec002 ul.copy li {opacity: 0;transform: translateY(8px);}
div#maincont div#sec002 ul.copy.v1 li {animation: fadeInUp 0.6s forwards;}
	/*
div#maincont div#sec002 ul.copy.v1 li:nth-child(1) { animation-delay: 0.2s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(2) { animation-delay: 0.7s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(3) { animation-delay: 1.2s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(4) { animation-delay: 1.7s; }
div#maincont div#sec002 ul.copy.v1 li:nth-child(5) { animation-delay: 2.2s; }
	*/
div#maincont div#sec002 img.lg{position: absolute;height: 8svh;left: 0;right: 0;top:0;bottom: 0; margin: auto;z-index: 5; opacity: 0;}
div#maincont div#sec002 img.lg.v1{opacity: 1;transition: 3s;}
div#maincont div#sec002 img.lg.v2{ top: 20svh; opacity: 1;transition: 1.4s;}
div#maincont div#sec002 p{font-size: 10px;line-height: 1.8em;text-align: left;position: absolute;left: 0;right: 0;top:75svh;margin: auto;color: #fff;z-index: 5;width: 95%;opacity: 0;text-shadow:0px 0px 5px rgba(0, 0, 0, 1);transition:1.3s;padding: 10px 40px;}
div#maincont div#sec002 p.v1{opacity: 1;opacity: 1;
background: linear-gradient(
to right,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.3) 10%,
rgba(0, 0, 0, 0.2) 90%,
rgba(0, 0, 0, 0) 100%
);
}
/* ==== CSS（差し替え） ==== */
div#maincont div#sec003{
margin-top: -1px;padding: 55px 0 100px;position: relative;overflow: hidden;/* 位置の基準 */
--p1x: 80%; --p1y: 12%;--p2x: 22%; --p2y: 22%;--p3x: 52%; --p3y: 88%;
/* 透明度（脈動させる） */
--a1: 0.05;  /* ピンク */
--a2: 0.42;  /* ラベンダー */
--a3: 0.48;  /* アクア */

/* 背景のみ指定（他プロパティは上書きしない） */
background-color: #ffffff;background-image:
radial-gradient(1200px 800px at var(--p1x) var(--p1y), rgba(255,200,230,var(--a1)), transparent 70%),
radial-gradient(1000px 700px  at var(--p2x) var(--p2y), rgba(210,190,255,var(--a2)), transparent 70%),
radial-gradient(900px  700px  at var(--p3x) var(--p3y), rgba(180,220,255,var(--a3)), transparent 70%),
linear-gradient(180deg, #f7f2ff 0%, #eef4ff 65%, #ffffff 100%);background-repeat: no-repeat;}

	
div#maincont div#sec003 div.rec001{  width: 90%;max-width: 600px; margin: 0 auto 0;position: relative;z-index: 10;}
div#maincont div#sec003 div.rec001 h2{  margin: 0 0 0px 0;line-height: 1em;}
div#maincont div#sec003 div.rec001 h2 img{height: 14px;}
div#maincont div#sec003 div.rec001 img.sv{margin-bottom: 50px;width: 100%;}
div#maincont div#sec003 div.rec001 img.sv.end{margin-bottom: 0;}
div#maincont div#sec003 div.rec001 div.youtube-wrap {position: relative;  width: 100%;padding-bottom: 56.25%;  height: 0;  overflow: hidden;margin-bottom: 60px;}
div#maincont div#sec003 div.rec001 div.youtube-wrap iframe {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}

div#maincont div#sec003 div.rec002{margin:65px 0 65px 0;position:relative;z-index: 10;}
div#maincont div#sec003 div.rec002 img{width: 100%;}
div#maincont div#sec003 div.rec003{  width: 85%;max-width: 500px; margin: 0 auto 0;position: relative;z-index: 10;}
div#maincont div#sec003 div.rec003 h2{margin: 0 0 0px 0;line-height: 1em;text-align: center;}
div#maincont div#sec003 div.rec003 h2 img{height: 14px;}
div#maincont div#sec003 div.rec003 ul.newslist{  width: 100%;margin: 0 auto 70px;}
div#maincont div#sec003 div.rec003 ul.newslist li{}
div#maincont div#sec003 div.rec003 ul.newslist li a{}
div#maincont div#sec003 div.rec003 ul.newslist li a img{width: 100%;}
div#maincont div#sec003 div.rec003 p.storesbtn{  width: 100%;height: 60px;margin: 0 auto 70px;}
div#maincont div#sec003 div.rec003 p.storesbtn a{width: 100%;height: 60px;display: block;background: #fff;position: relative;overflow: hidden;}
div#maincont div#sec003 div.rec003 p.storesbtn a img.cpimg{        top: 0;width: 45%;bottom: 0;left: 7%;position: absolute;margin: auto;max-width: 240px;}
div#maincont div#sec003 div.rec003 p.storesbtn a img.thmbimg{height: 60px;position: absolute;right: -13px;top: 0;}
div#maincont div#sec003 div.rec003 ul.productlist{  width: 100%;margin: 0 auto;}
div#maincont div#sec003 div.rec003 ul.productlist li{  width: 100%;height: 70px;background: #fff;margin-bottom: 20px;overflow: hidden;}
div#maincont div#sec003 div.rec003 ul.productlist li:last-child{margin-bottom: 0;}
div#maincont div#sec003 div.rec003 ul.productlist li a{  width: 100%;height: 70px;display: block;position: relative;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(1) a img.ttl{  position: absolute;left: 16%;top: 0;bottom: 0;width: 32%;z-index: 5;margin: auto;max-width: 150px;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(1) a img.thmb{width: 31%;position: absolute;right: 5%;top: 0;bottom: 0;margin: auto;z-index: 3;max-width: 100px;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(1) a img.thmb2{  width: 101%;position: absolute;left: 0;top: 0;z-index: 1;}	
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(2) a img.ttl{  position: absolute;left: 10%;top: 0;width: 41%;bottom: 0;margin: auto;max-width: 220px;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(2) a img.thmb{height: 135px;position: absolute;right: -1px;top: 0;}
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(3) a img.ttl{  position: absolute;left: 7%;top: 0;bottom: 0;margin: auto;width: 49%; max-width: 290px;} 
div#maincont div#sec003 div.rec003 ul.productlist li:nth-child(3) a img.thmb{position: absolute;right: -1px;top: 0;height: 135px;}

div#maincont div#sec003 div.rec004{  padding: 100px 5% 0;position: relative;z-index: 10;}
div#maincont div#sec003 div.rec004 p.line_btn{  width: 100%;max-width: 500px; height: 85px;background: #fff;position: relative;margin: 0 auto 100px;}
div#maincont div#sec003 div.rec004 p.line_btn a{  width: 100%;height: 85px;display: block;position: relative;}
div#maincont div#sec003 div.rec004 p.line_btn a img.lg{width: 17%;position: absolute;top: 0;bottom: 0;left: 13%;margin: auto;max-width: 70px;}
div#maincont div#sec003 div.rec004 p.line_btn a img.tx{width: 55%;position: absolute;top: 0;bottom: 0;left: 34%;margin: auto;max-width: 240px;}
div#maincont div#sec003 div.rec004 ul.sns{  width: 75%;margin: 0 auto 50px; max-width: 410px;}
div#maincont div#sec003 div.rec004 ul.sns li{  float: left;margin-right: 8%;width: 19%;}
div#maincont div#sec003 div.rec004 ul.sns li:last-child{margin-right: 0;}
div#maincont div#sec003 div.rec004 ul.sns li a{  display: block;width: 100%;aspect-ratio: 1;border-radius: 100px;background: #000;position: relative;}
div#maincont div#sec003 div.rec004 ul.sns li a img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 55%;}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(1) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(2) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(3) a img{}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(4) a img{width: 66%;}
div#maincont div#sec003 div.rec004 ul.sns li:nth-child(5) a img{}
div#maincont div#sec003 div.rec004 img.llg{  margin: 0 auto;width: 100px;display: block;}
div#maincont div#sec003 img.lbk{position: absolute;width: 230%;bottom: -50vh;z-index: 5;}
}