@charset "UTF-8";
/* /shop/e/eLmymelokuromi/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&family=Noto+Sans+JP:wght@300&display=swap');

/* reset
---------------------- */
#melokuro{
	color:#543d42;
	font-size: 22px;
	font-weight: 500;
	font-family: YakuHanRP, "M PLUS Rounded 1c", sans-serif;
	text-align: center;
}
#melokuro *{
	box-sizing: border-box;
}
#melokuro p{
	transform: rotate(0.03deg);
}
#melokuro .flex{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
#melokuro .cv_price{
	color:#d1002d;
	font-size: 43px;
	font-weight: 800;
	line-height: 1;
	display:inline-block;
	margin:-5px 0 20px;
	position: relative;
}
#melokuro .cv_price span{
	color:#fff;
	font-size: 38.5px;
	line-height: 1.1;
	background: #d1002d;
	border-radius: 10px;
	padding: .2em .3em;
	display:inline-block;
	vertical-align: top;
	margin-top: 15px;
	margin-right: 15px;
}
#melokuro .cv_price strong{
	font-size: 126px;
	font-weight: inherit;
	letter-spacing: -0.03em;
}
#melokuro .cv_price b{
	font-size: 102.5px;
	font-weight: inherit;
}
#melokuro .cv_price small{
	font-size: 18px;
	text-align: left;
	display:block;
	position: absolute;
	bottom: 60px;
	right: -8px;
}
#melokuro h2{
	color:#4d4398;
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
}
/* contents
---------------------- */
#melokuro .main{
	background:url(/img/event_L/eLmymelokuromi/main_bg.png)no-repeat top 11px left,
	linear-gradient(to right,#f1bbc0 0%, #f1bbc0 50%,#d4afd6 50%, #d4afd6 100%);
	background-color:#f1bbc0;
	padding: 27px 0 60px;
}
#melokuro .main h1{
	margin-bottom: -19px;
	position: relative;
	z-index:1;
}
#melokuro .main p{
	color:#7d4698;
	font-size: 28px;
	font-weight: bold;
	line-height: 2;
	width:860px;
	height:360px;
	background:#fcf1f2 url(/img/event_L/eLmymelokuromi/main_lead_bg.png)no-repeat center;
	border-radius: 20px;
	padding-top: 43px;
	margin-top: 24px;
	display:inline-block;
}
#melokuro .pkg{
	background:#f3eef9;
	padding-top: 60px;
}
#melokuro .pkg .slider{
	padding: 48px 80px 90px;
}
#melokuro .lead{
	background:#e1d8eb url(/img/event_L/eLmymelokuromi/lead_bg.png)repeat-y top left;
	padding: 35px 0 60px;
	position: relative;
}
#melokuro .lead .date{
	color:#4d4398;
	font-weight: 700;
	background:#fff;
	border:6px solid #cbb2d4;
	border-radius:30px;
	margin:80px 50px 0;
	padding-bottom: 42px;
	position: relative;
}
#melokuro .lead .date::before{
	content:'';
	display:block;
	width:146px;
	height:157px;
	background:url(/img/event_L/eLmymelokuromi/date_ico1.png)no-repeat;
	background-size:contain;
	position: absolute;
	top:-70px;
	left:20px;
}
#melokuro .lead .date::after{
	content:'';
	display:block;
	width:131px;
	height:183px;
	background:url(/img/event_L/eLmymelokuromi/date_ico2.png)no-repeat;
	background-size:contain;
	position: absolute;
	top:-70px;
	right:20px;
}
#melokuro .lead .date p:nth-child(1){
	margin-top: -46px;
	margin-bottom: 25px;
}
#melokuro .lead .date :not(:nth-child(1)){
	letter-spacing: 0.03em;
}
#melokuro .lead .date p:nth-child(2){
	color:#4d4398;
	font-size: 65px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 15px;
}
#melokuro .lead .date p:nth-child(2) span{
	font-size: 153%;
}
#melokuro .lead .date p:nth-child(3){
	color:#915da3;
	font-size: 40px;
	margin-bottom: 25px;
}
#melokuro .lead .date p:nth-child(3) b{
	font-size: 120%;
}
#melokuro .lead .date p:nth-child(3) b.time{
	font-size: 114%;
}
#melokuro .lead .date dl{
	font-size: 30px;
	line-height: 1;
	margin-left: 65px;
	/* margin-bottom: 22px; */
	text-align: left;
}
#melokuro .lead .date dl dt{
	color:#fff;
	font-size: 25px;
	font-weight: 500;
	width:7em;
	background:#4d4398;
	border-radius: 10px;
	margin-right: 16px;
	text-align: center;
	padding: .45em 0;
}
#melokuro .lead .date dl dd{
	font-size: 31px;
}
#melokuro .lead .date dl dd:last-child{
	font-size: 37px;
}
#melokuro .lead .date dl dd b{
	font-size: 132%;
	font-weight: inherit;
}
#melokuro .lead .date dl dd b.time{
	font-size: 120%;
}
#melokuro .lead .date dl dd:last-child b{
	font-size: 124%;
}
#melokuro .lead .date dl dt,
#melokuro .lead .date dl dd{
	display:inline-block;
	vertical-align: middle;
	margin-bottom: 20px;
}
#melokuro .lead .date p:last-child{
	font-size: 28px;
	margin-top: .5em;
}
#melokuro .lead ul.menu{
	margin:0 100px 0;
}
#melokuro .lead ul.menu li{
	width:440px;
}
#melokuro .lead ul.menu li a{
	background:url(/img/event_L/eLmymelodyorikoa2407/lead_menu1.png)no-repeat;
	height:211px;
	display:block;
	text-indent:-9999px;
	transition-duration: .2s;
	position: relative;
}
#melokuro .lead ul.menu li:last-child a{
	background:url(/img/event_L/eLmymelodyorikoa2407/lead_menu2.png)no-repeat;
}
#melokuro .lead ul.menu li a::after{
	content:url(/img/event_L/eLmymelodyorikoa2407/lead_menu1_arr.png);
	position: absolute;
	bottom:14px;
	left:calc(50% - 16px);
	text-indent:0;
}
#melokuro .lead ul.menu li:last-child a::after{
	content:url(/img/event_L/eLmymelodyorikoa2407/lead_menu2_arr.png);
}
#melokuro .lead ul.menu li a:hover::after{
	bottom:3px;
}
#melokuro .cv{
	background:url(/img/event_L/eLmymelokuromi/cv_bg.png)no-repeat top 26px left,
	linear-gradient(to right,#f1bbc0 0%, #f1bbc0 50%,#d4afd6 50%, #d4afd6 100%);
	padding: 48px 0 0;
}
#melokuro .cv .bg2{
	background:#fddadd;
	padding: 50px 0 80px;
	margin-top: 45px;
}
#melokuro .cv.cv2 .bg2{
	padding-bottom: 110px;
}
#melokuro .cv > img:first-child{
	margin-bottom: -19px;
	position: relative;
	z-index:1;
}
#melokuro .cv ul{
	margin:0 80px 20px;
}
#melokuro .cv ul li{
	width:460px;
	font-weight: bold;
	background:rgba(255, 255, 255, 0.6);
	border:4px solid #cbb2d4;
	border-radius: 20px;
	position: relative;
	padding: 40px 0 55px;
	margin-bottom: 15px;
}
#melokuro .cv ul li p{
	color:#4d4398;
	position: absolute;
	bottom:23px;
	left:0;
	width:100%;
	font-size: 26px;
	line-height: 1;
}
#melokuro .cv ul li:nth-child(2){
	padding-top: 20px;
}
#melokuro .cv ul li:last-child img.img{
	width:424px;
	position: absolute;
	top:40px;
	right:35px;
}
#melokuro .cv .prc_ttl{
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 3px;
}
#melokuro .cv a.cv_btn{
	color:#fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 130px;
	display:inline-block;
	width:840px;
	height:130px;
	background:url(/img/event_L/eLmymelokoala/cv_btn_arr.png)no-repeat center right 49px,
	url(/img/event_L/eLmymelokoala/cv_btn_bg.png)no-repeat;
	background-color:#5ec6c2;
	border-radius:100vh;
	box-shadow: 0px 8px #2fb4af;
	transition-duration: .2s;
}
#melokuro .cv a.cv_btn:hover{
	box-shadow: none;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
#melokuro .cv .kome{
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.04em;
	border-bottom:1px solid #543d42;
	display:inline-block;
	margin-top: 24px;
	padding: 0 .6em;
}
#melokuro .point{
	background:#fceef4 url(/img/event_L/eLmymelokuromi/point_bg.png)repeat-y;
	padding: 50px 0 70px;
}
#melokuro .point h2{
	color:#7d4698;
	font-size: 60px;
	margin-bottom: 42px;
}
#melokuro .point > div{
	width:980px;
	font-weight: 800;
	background:url(/img/event_L/eLmymelokuromi/point_bg2.png)no-repeat bottom center,
	url(/img/event_L/eLmymelokuromi/point_bg1.png)no-repeat top 15px center;
	background-color:rgba(255, 255, 255, 0.8);
	border:6px solid #cbb2d4;
	border-radius: 30px;
	margin:0 auto 30px;
	padding: 55px 0;
	position: relative;
}
#melokuro .point > div.point3{
	padding-bottom: 75px;
}
#melokuro .point > div::before,
#melokuro .point > div::after{
	content:'';
	display:block;
	position: absolute;
}
#melokuro .point .point1::before{
	width:186px;
	height:212px;
	background:url(/img/event_L/eLmymelokuromi/point_ico1.png)no-repeat;
	background-size:contain;
	top:-177px;
	left:-30px;
}
#melokuro .point .point1::after{
	width:196px;
	height:162px;
	background:url(/img/event_L/eLmymelokuromi/point_ico2.png)no-repeat;
	background-size:contain;
	top:-92px;
	right:-42px;
}
#melokuro .point .point3::before{
	width:173px;
	height:215px;
	background:url(/img/event_L/eLmymelokuromi/point_ico3.png)no-repeat;
	background-size:contain;
	top:-135px;
	left:-37px;
}
#melokuro .point .point3::after{
	width:179px;
	height:161px;
	background:url(/img/event_L/eLmymelokuromi/point_ico4.png)no-repeat;
	background-size:contain;
	bottom:-62px;
	right:-42px;
}
#melokuro .point .point4::after{
	width:131px;
	height:249px;
	background:url(/img/event_L/eLmymelokoala/point_ico5.png)no-repeat;
	background-size:contain;
	bottom:-53px;
	left:-11px;
}
#melokuro .point h3{
	color:#915da3;
	font-size: 36px;
	font-weight: inherit;
	line-height: 1.55;
	margin: 15px 0 20px;
}
#melokuro .point .point2 h3{
	letter-spacing: -0.05em;
	margin: 25px 0 30px;
}
#melokuro .point .point2 p{
	color:#e62e8b;
	font-size: 34px;
	margin-top: 1.1em;
}
#melokuro .point .point3 img.img{
	width:739px;
	margin: 5px 0 30px;
}
#melokuro .point .point4 img.img{
	width:631px;
	display:block;
	margin:30px auto;
}
#melokuro .point .point3 ul{
	margin:0 55px;
}
#melokuro .point .point3 ul li{
	width:280px;
}
#melokuro .point .point3 ul li img{
	border:1px solid #84ccc9;
	border-radius: 20px;
}
#melokuro .point .point3 ul li p{
	color:#129690;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.03em;
	background:#d4ecea;
	border-radius: 10px;
	margin-top: 15px;
	padding: .5em 0;
}
#melokuro .point .point3 ul li:not(:first-child) p{
	padding-top: 1.35em;
}
#melokuro .point .point3 ul li p::before{
	content:'';
	display: block;
	border-style: solid;
	border-width: 0 6px 12px;
	border-color: transparent transparent #d4ecea;
	position: absolute;
	top:-11px;
	left:calc(50% - 6px)
}
#melokuro .point .point4 p{
	color:#915da3;
	font-weight: bold;
	line-height: 1.63;
}
#melokuro .copy{
	color:#fff;
	font-size: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	line-height: 1;
	background:#915da3;
	padding: 1.2em 0;
}
#melokuro .my-koala{
	background:url(/img/event_L/eLbangdream2404/my-koala_bg.png)no-repeat;
	min-height:1288px;
	padding-top: 5px;
	margin-top: -40px;
}
#melokuro .my-koala > img:first-child{
	margin-bottom: 38px;
}
#melokuro .my-koala div{
	position: relative;
	display:inline-block;
	margin:40px 0 50px;
}
#melokuro .my-koala ul li a{
	position: absolute;
	top:180px;
	left:310px;
	display:block;
	width:110px;
	height:110px;
	text-indent:-9999px;
}
#melokuro .my-koala ul li:last-child a{
	top:180px;
	left:auto;
	right:20px;
}
/* modal */
.modal{
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__bg{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
}
.modal__content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}
#closeModal {
	position: absolute;
	right: -55px;
	top: -60px;
	cursor: pointer;
}
.js-modal-open{
  /* text-decoration:underline !important; */
}
.js-modal-open:hover{
  cursor:pointer;
}

/* end */
#melokuro .cv.end{
	position: relative;
}
#melokuro .cv.end::before{
	position:absolute;
	bottom:0;
	left:0;
	content: 'ご好評につき完売しました';
	display:flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	color:#fff;
	font-size:50px;
	padding-top: 40px;
	z-index:1;
}

/* slick */
@font-face {font-family: 'slick';src: url(/img/event_L/eLghanabox/slick-font.js);}
#melokuro .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#melokuro .slider .slick-arrow:hover {
	cursor: pointer;
}
#melokuro .slider .prev-arrow {
  left: -40px;
  z-index: 10;
}
#melokuro .slider .next-arrow {
  right: -40px;
}
#melokuro .slick-dots{
	bottom:-45px;
}
#melokuro .slick-dots li{
	margin:0 3px;
}
#melokuro .slick-dots li button:before{
	content:"\2022";
	color:#ccc;
	font-size: 11px;
	opacity:1;
}
#melokuro .slick-dots li.slick-active button:before{
	color:#b08bbe;
}