@charset "UTF-8";
/* /shop/e/eLkuromi2509/
----------------------------------------------------------*/
@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
---------------------- */
#kuromi{
	color:#242424;
	font-size: 22px;
	font-weight: 500;
	font-family: YakuHanRP, "M PLUS Rounded 1c", sans-serif;
	text-align: center;
}
#kuromi *{
	box-sizing: border-box;
}
#kuromi p{
	transform: rotate(0.03deg);
}
#kuromi .flex{
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
#kuromi .cv_price{
	color:#cdba5b;
	font-size: 43px;
	font-weight: 800;
	line-height: 1;
	display:inline-block;
	margin:-5px 0 20px;
}
#kuromi .cv_price span{
	color:#242424;
	font-size: 38.5px;
	line-height: 1.1;
	background: #cdba5b;
	border-radius: 10px;
	padding: .2em .3em;
	display:inline-block;
	vertical-align: top;
	margin-top: 15px;
	margin-right: 15px;
}
#kuromi .cv_price strong{
	font-size: 126px;
	font-weight: inherit;
	letter-spacing: -0.03em;
}
#kuromi .cv_price b{
	font-size: 102.5px;
	font-weight: inherit;
}
#kuromi .cv_price small{
	font-size: 20px;
	text-align: right;
	display:block;
}
#kuromi h2{
	color:#6d4ea2;
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
}
/* contents
---------------------- */
#kuromi .main{
	height:1602px;
	background:url(/img/event_L/eLkuromi2509/bg3.png)no-repeat top 322px left 12px,
	url(/img/event_L/eLkuromi2509/bg2.png)no-repeat,
	url(/img/event_L/eLkuromi2509/main_bg.jpg)no-repeat;
	background-color:#4e4949;
	padding-top: 74px;
}
#kuromi .main h1{
	margin-bottom: 8px;
}
#kuromi .main p{
	font-size: 28px;
	font-weight: bold;
	line-height: 2;
	width:860px;
	height:363px;
	background:url(/img/event_L/eLkuromi2509/main_lead_bg.png)no-repeat center;
	padding-top: 70px;
	margin-top: 7px;
	margin-bottom: 35px;
	display:inline-block;
}
#kuromi .pkg{
	background:#534b58;
	padding-top: 60px;
}
#kuromi .pkg h2{
	color:#fff;
}
#kuromi .pkg .slider{
	padding: 48px 80px 90px;
}
#kuromi .lead{
	background:#e1d7eb url(/img/event_L/eLkuromi2509/lead_bg.png)repeat-y top left;
	padding: 65px 0 60px;
	position: relative;
}
#kuromi .lead h2{
	line-height: 1.4;
	padding-left: 160px;
	margin-bottom: 55px;
}
#kuromi .lead h2 b{
	display:block;
	font-size: 75%;
}
#kuromi .lead h2 span{
	letter-spacing: -0.05em;
}
#kuromi .lead p.txt{
	font-weight: 500;
	line-height: 1.91;
	letter-spacing: -0.03em;
	text-align: left;
	padding-left:50px;
	padding-bottom: .5em;
}
#kuromi .lead img.img{
	width:570px;
	position: absolute;
	top:218px;
	right:66px;
}
#kuromi .lead img.ico{
	position: absolute;
	top:39px;
	left:39px;
}
#kuromi .lead p.illu{
	text-align: left;
	margin-top: 30px;
	padding-left: 34px;
}
#kuromi .lead p.illu img{
	width:407px;
}
#kuromi .lead .date{
	font-weight: 700;
	background:#fff;
	border:4px solid #f3a9c9;
	border-radius:30px;
	margin:80px 50px 0;
	padding-bottom: 42px;
}
#kuromi .lead .date p:nth-child(1){
	margin-top: -46px;
	margin-bottom: 25px;
}
#kuromi .lead .date :not(:nth-child(1)){
	letter-spacing: 0.03em;
}
#kuromi .lead .date p:nth-child(2){
	color:#6d4ea2;
	font-size: 65px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 15px;
}
#kuromi .lead .date p:nth-child(2) span{
	font-size: 153%;
}
#kuromi .lead .date p:nth-child(3){
	color:#927cb7;
	font-size: 40px;
	margin-bottom: 25px;
}
#kuromi .lead .date p:nth-child(3) b{
	font-size: 120%;
}
#kuromi .lead .date dl{
	font-size: 30px;
	line-height: 1;
	margin-left: 65px;
	/* margin-bottom: 22px; */
	text-align: left;
}
#kuromi .lead .date dl dt{
	color:#fff;
	font-size: 25px;
	width:7em;
	background:#927cb7;
	border-radius: 10px;
	margin-right: 16px;
	text-align: center;
	padding: .45em 0;
}
#kuromi .lead .date dl dd{
	font-size: 31px;
}
#kuromi .lead .date dl dd:last-child{
	font-size: 37px;
}
#kuromi .lead .date dl dd b{
	font-size: 132%;
}
#kuromi .lead .date dl dd:last-child b{
	font-size: 124%;
}
#kuromi .lead .date dl dt,
#kuromi .lead .date dl dd{
	display:inline-block;
	vertical-align: middle;
	margin-bottom: 25px;
}
#kuromi .lead .date p:last-child{
	font-size: 28px;
	margin-top: .5em;
}
#kuromi .cv{
	height:2446px;
	background:url(/img/event_L/eLkuromi2509/bg3.png)no-repeat top 322px left 12px,
	url(/img/event_L/eLkuromi2509/bg2.png)no-repeat,
	url(/img/event_L/eLkuromi2509/cv_bg.jpg)no-repeat;
	background-color:#4e4949;
	padding-top: 74px;
}
#kuromi .cv > img:first-child{
	margin-bottom:8px;
}
#kuromi .cv ul{
	margin:22px 80px 18px;
}
#kuromi .cv ul li{
	width:460px;
	font-weight: bold;
	background:#fbf8ef;
	border:4px solid #b39d52;
	border-radius: 20px;
	position: relative;
	padding: 40px 0 55px;
	margin-bottom: 15px;
}
#kuromi .cv ul li:not(:last-child) > p{
	position: absolute;
	bottom:23px;
	left:0;
	width:100%;
	font-size: 26px;
	line-height: 1;
}
#kuromi .cv ul li:nth-child(2){
	padding-top: 20px;
}
#kuromi .cv ul li:last-child{
	width:100%;
	height:404px;
	padding: 85px 0 0 45px;
	text-align: left;
}
#kuromi .cv ul li:last-child p:nth-child(1){
	font-size: 24px;
	line-height: 1;
	margin-bottom: 1.2em;
}
#kuromi .cv ul li:last-child p:nth-child(2){
	color:#998107;
	font-size: 33px;
	font-weight: 800;
	line-height: 1.24;
	margin-bottom: .8em;
}
#kuromi .cv ul li:last-child p:nth-child(3){
	color:#fff;
	font-size: 24.6px;
	line-height: 1;
	background:#998107;
	padding: .3em .4em;
	display:inline-block;
}
#kuromi .cv ul li:last-child img.img{
	width:424px;
	position: absolute;
	top:40px;
	right:35px;
}
#kuromi .cv .prc_ttl{
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 3px;
}
#kuromi .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/eLkuromi2509/cv_btn_arr.png)no-repeat center right 49px,
	url(/img/event_L/eLkuromi2509/cv_btn_bg.png)no-repeat;
	background-color:#8f78b5;
	border-radius:100vh;
	box-shadow: 0px 8px #66499a;
	transition-duration: .2s;
}
#kuromi .cv a.cv_btn:hover{
	box-shadow: none;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
#kuromi .cv .kome{
	color:#fff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.04em;
	border-bottom:1px solid #fff;
	display:inline-block;
	margin-top: 28px;
	padding: 0 .1em;
}
#kuromi .link{
	padding: 50px 0 90px;
}
#kuromi .link a{
	width:960px;
	height:189px;
	display:inline-block;
	background:url(/img/event_L/eLkuromi2509/link_mykoala.png)no-repeat bottom -1px center;
	box-shadow:0 8px #856daf;
	border-radius: 82.5px;
	text-indent:-9999px;
	transition-duration: .2s;
}
#kuromi .link a:hover{
	box-shadow: none;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
#kuromi .point{
	background:#d5b9d7 url(/img/event_L/eLkuromi2509/point_bg.png)repeat-y;
	padding: 50px 0 70px;
}
#kuromi .point h2{
	position: relative;
	z-index:1;
	margin-left: 70px;;
	margin-bottom: 37px;;
}
#kuromi .point > div{
	width:980px;
	color:#312927;
	font-weight: 800;
	background:url(/img/event_L/eLkuromi2509/point_bg2.png)no-repeat bottom center,
	url(/img/event_L/eLkuromi2509/point_bg1.png)no-repeat top 15px center;
	background-color:#fff;
	border:6px solid #312927;
	border-radius: 30px;
	margin:0 auto 30px;
	padding: 55px 0;
	position: relative;
}
#kuromi .point > div.point3{
	padding-bottom: 75px;
}
#kuromi .point > div::before,
#kuromi .point > div::after{
	content:'';
	display:block;
	position: absolute;
}
#kuromi .point .point1::before{
	width:316px;
	height:255px;
	background:url(/img/event_L/eLkuromi2509/point_ico1.png)no-repeat;
	background-size:contain;
	top:-187px;
	left:-22px;
}
#kuromi .point .point2::before{
	width:167px;
	height:199px;
	background:url(/img/event_L/eLkuromi2509/point_ico2.png)no-repeat;
	background-size:contain;
	top:-102px;
	right:-56px;
}
#kuromi .point .point3::before{
	width:197px;
	height:232px;
	background:url(/img/event_L/eLkuromi2509/point_ico3.png)no-repeat;
	background-size:contain;
	top:-74px;
	left:-51px;
}
#kuromi .point .point4::before{
	width:220px;
	height:173px;
	background:url(/img/event_L/eLkuromi2509/point_ico4.png)no-repeat;
	background-size:contain;
	top:-20px;
	right:-37px;
}
#kuromi .point .point4::after{
	width:270px;
	height:270px;
	background:url(/img/event_L/eLkuromi2509/point_ico5.png)no-repeat;
	background-size:contain;
	bottom:-63px;
	left:-45px;
}
#kuromi .point h3{
	font-size: 36px;
	font-weight: inherit;
	line-height: 1.55;
	margin-top: 20px;
}
#kuromi .point .point2 h3{
	text-align: left;
	margin: 55px 0 40px;
	padding-left: 95px;
}
#kuromi .point .point2 p{
	color:#856daf;
	font-size: 34px;
}
#kuromi .point .point1 img.img{
	width:689px;
	margin-top: 20px;
}
#kuromi .point .point2 img.img{
	position: absolute;
	top:163px;
	right:40px;
}
#kuromi .point .point3 img.img{
	width:739px;
	margin:30px 0;
}
#kuromi .point .point4 img.img{
	width:631px;
	display:block;
	margin:30px auto;
}
#kuromi .point .point3 ul{
	margin:0 55px;
}
#kuromi .point .point3 ul li{
	width:280px;
}
#kuromi .point .point3 ul li img{
	border:1px solid #856daf;
	border-radius: 20px;
}
#kuromi .point .point3 ul li p{
	color:#6d4ea2;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.03em;
	background:#e8def2;
	border-radius: 10px;
	margin-top: 15px;
	padding: .5em 0;
	display:flex;
	align-items: center;
	justify-content: center;
}
#kuromi .point .point3 ul li:not(:first-child) p{
	/* padding-top: 1.35em; */
}
#kuromi .point .point3 ul li p::before{
	content:'';
	display: block;
	border-style: solid;
	border-width: 0 6px 12px;
	border-color: transparent transparent #e8def2;
	position: absolute;
	top:-11px;
	left:calc(50% - 6px)
}
#kuromi .point .point4 p{
	font-weight: bold;
	line-height: 1.63;
}
#kuromi .copy{
	color:#fff;
	font-size: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	line-height: 1;
	background:#31252a;
	padding: 1.2em 0;
}
#kuromi .about{
	color:#856daf;
	background:#f9d3e3 url(/img/event_L/eLkuromi2509/about_bg.png)repeat-y;
	padding: 110px 50px 120px;
}
#kuromi .about h2{
	color:inherit;
	font-size: 39.62px;
	line-height: 1.2;
	letter-spacing: -0.01em;
	background:url(/img/event_L/eLkuromi2509/about_h2_line.png)no-repeat bottom;
	padding-bottom: 30px;
	margin-bottom: 60px;
}
#kuromi .about h2 strong{
	font-size: 58px;
	font-weight: inherit;
}
#kuromi .about h2 b{
	font-size: 47.54px;
	font-weight: inherit;
}
#kuromi .about div{
	background:#fff url(/img/event_L/eLkuromi2509/about_img.jpg)no-repeat bottom 160px right 90px;
	border:6px solid #bba1cb;
	border-radius: 30px;
	position: relative;
	padding: 45px 0 57px;
}
#kuromi .about div::before{
	content:'';
	display:block;
	width:283px;
	height:228px;
	background:url(/img/event_L/eLkuromi2509/about_ico2.png)no-repeat;
	position: absolute;
	top:-73px;
	right:-31px;
}
#kuromi .about div img.ico{
	position: absolute;
	top:-42px;
	left:-30px;
}
#kuromi .about div p{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.58;
	text-align: left;
	padding-left: 75px;
	margin-bottom: 1em;
}
#kuromi .about a{
	display:inline-block;
	width:800px;
	height:124px;
	border-radius: 100vh;
	background:url(/img/event_L/eLkuromi2509/about_btn.png)no-repeat;
	box-shadow: 0px 8px #16b9af;
	text-indent:-9999px;
	transition-duration: .2s;
	margin-top: 50px;
}
#kuromi .about a:hover{
	box-shadow: none;
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}
#kuromi .my-koala{
	background:url(/img/event_L/eLbangdream2404/my-koala_bg.png)no-repeat;
	min-height:1288px;
	padding-top: 5px;
	margin-top: -40px;
}
#kuromi .my-koala > img:first-child{
	margin-bottom: 38px;
}
#kuromi .my-koala div{
	position: relative;
	display:inline-block;
	margin:40px 0 50px;
}
#kuromi .my-koala ul li a{
	position: absolute;
	top:180px;
	left:310px;
	display:block;
	width:110px;
	height:110px;
	text-indent:-9999px;
}
#kuromi .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 */
#kuromi .cv.end{
	position: relative;
}
#kuromi .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);}
#kuromi .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#kuromi .slider .slick-arrow:hover {
	cursor: pointer;
}
#kuromi .slider .prev-arrow {
  left: -40px;
  z-index: 10;
}
#kuromi .slider .next-arrow {
  right: -40px;
}
#kuromi .slick-dots{
	bottom:-45px;
}
#kuromi .slick-dots li{
	margin:0 3px;
}
#kuromi .slick-dots li button:before{
	content:"\2022";
	color:#ccc;
	font-size: 11px;
	opacity:1;
}
#kuromi .slick-dots li.slick-active button:before{
	color:#ae9952;
}