@charset "UTF-8";
/* /shop/e/eLhiyaron2606/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Bellefair&family=Noto+Serif+JP:wght@200..900&family=Zen+Old+Mincho:wght@400&display=swap');

/* reset
---------------------- */
#march{
	color:#fff;
	font-size: 24px;
	font-weight: 300;
	font-family: YakuHanMP, "Noto Serif JP",  sans-serif;
	line-height: 1.66;
	text-align: center;
	background:#000;
}
#march img{
	height:auto;
	vertical-align: top;
}
#march .slick-slide img{
	aspect-ratio: 940 / 589;
}
#march strong{
	font-weight: inherit;
}
#march h2{
	font-size: 48px;
	font-family: "Bellefair", "Noto Serif JP", serif;
	line-height: 1;
	margin-bottom: 40px;
}
#march h2::after{
	content:'';
	display:block;
	width:290px;
	height:28px;
	background:url(/img/event_L/eLkuroshituzimarch2607/h2_line.png)no-repeat;
	background-size:contain;
	margin:5px auto 0;
}
#march h2 + h3{
	font-size: 36px;
	line-height: 1.45;
	margin-bottom: 40px;
}
#march h2 + h3 strong{
	color:#83f776;
	font-size: 45px;
}
/* contents
---------------------- */
#march .main{
	position: relative;
	padding-top: 50px;
}
#march .main h1{
	margin-bottom: 20px;
}
#march .main h1 + img + img{
	margin: -23px 0 45px;
}
#march .main img.ico{
	position: absolute;
	top:27px;
	right:21px;
}
#march .lead{
	font-size: 30px;
	text-align: left;
	background:url(/img/event_L/eLkuroshituzimarch2607/lead_bg.png)no-repeat;
	background-size:100% 100%;
	padding: 70px 0;
	padding-left: 90px;
	position: relative;
	margin-bottom: 70px;
}
#march .lead p + p{
	margin-top: .5em;
}
#march .lead img.img1{
	width:207px;
	position: absolute;
	top:77px;
	right:296px;
}
#march .lead img.img2{
	width:203px;
	position: absolute;
	top:74px;
	right:69px;
}
#march .design{
	margin-bottom: 160px;
}
#march .design div.slider{
	padding: 0 80px;
}
#march .movie{
	margin-bottom: 140px;
}
#march .movie video{
	width:880px;
}
#march .tokuten{
	margin-bottom: 75px;
}
#march .tokuten h3{
	margin-top: -20px;
}
#march .tokuten > p:last-child{
	font-size: 28px;
	line-height: 1.6;
}
#march ul.files{
	display:flex;
	justify-content: center;
	gap:42px;
	margin-bottom: 40px;
}
#march ul.files li p{
	font-size: 28px;
	line-height: 1;
	margin-top: .3em;
}
#march .tokuten ul.files li p{
	margin-top: .7em;
}
#march ul.files li p::before,
#march ul.files li p::after{
	content:'';
	display:inline-block;
	width:43px;
	height:13px;
	background:url(/img/event_L/eLkuroshituzimarch2607/tokuten_ico.png)no-repeat;
	background-size:contain;
	margin: 0 6px;
	vertical-align: middle;
}
#march ul.files li p::after{
	transform: scaleX(-1);
	margin-left: 7px;
}
#march .date{
	width:928px;
	font-weight: 400;
	border:1px solid #d6cc75;
	outline:1px solid #d6cc75;
	outline-offset: 14px;
	background:url(/img/event_L/eLkuroshituzimarch2607/date_ico1.png)no-repeat top center;
	display:inline-block;
	position: relative;
	padding: 35px 0;
	margin-bottom: 120px;
}
#march .date::before,
#march .date::after{
	content:'';
	display:block;
	width:945px;
	height:91px;
	position: absolute;
	top:-8px;
	left:-7px;
	background:url(/img/event_L/eLkuroshituzimarch2607/date_ico1.png)no-repeat top left;
	display:block;
}
#march .date::after{
	top:auto;
	bottom:-8px;
	left:-7px;
	transform: scaleY(-1);
}
#march .date > p:first-child{
	color:#d6cc75;
	font-size: 36px;
	line-height: 1;
	border:1px solid #d6cc75;
	display:inline-block;
	padding: .25em 1em .35em;
	margin-bottom: .6em;
}
#march .date > p:first-child + p{
	font-size: 48px;
	line-height: 1.15;
	margin-bottom: .6em;
}
#march .date > p:first-child + p strong{
	font-size: 173%;
	font-family: "Bellefair", serif;
}
#march .date > p:first-child + p b{
	font-size: 105%;
}
#march .date dl{
	width: fit-content;
	display: grid;
	grid-template-columns: 173px 1fr;
	gap: 22px;
	align-items: center;
	margin-inline: auto;
	line-height: 1;
	margin-bottom: 35px;
}
#march .date dl dt{
	font-size: 25px;
	border:1px solid #fff;
	display: inline-block;
	padding: .2em 0 .3em;
}
#march .date dl dd{
	font-size: 31px;
	text-align: left;
}
#march .date dl dd b{
	font-size: 41px;
}
#march .date dl dd:last-child{
	font-size: 37.8px;
}
#march .date dl dd:last-child b{
	font-size: 46px;
}
#march .date > p:last-child{
	font-size: 30px;
	line-height: 1;
}
#march .cv{
	position: relative;
	padding-top: 13px;
	margin-bottom: 130px;
}
#march .cv > img:first-child{
	position: relative;
	z-index:1;
}
#march .cv img.ico{
	position: absolute;
	top:0;
	right:77px;
}
#march .cv img.pkg{
	margin:34px 0 39px;
}
#march .cv > ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:36px;
	padding: 0 89px;
	margin-bottom: 45px;
}
#march .cv > ul > li{
	border:1px solid #d6cc75;
	outline:1px solid #d6cc75;
	outline-offset: 7px;
	position: relative;
}
#march .cv > ul > li *{
	z-index:1;
}
#march .cv > ul > li:last-child{
	height:435px;
  grid-column: 1 / -1;
  display:flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}
#march .cv > ul > li:nth-child(1){
	padding-top: 34px;
}
#march .cv > ul > li:nth-child(2){
	padding-top: 22px;
}
#march .cv > ul > li:not(:last-child){
	padding-bottom: 55px;
}
#march .cv > ul > li::before{
	content:'';
	display:block;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	position: absolute;
	top:-1px;
	left:-1px;
	background:url(/img/event_L/eLkuroshituzimarch2607/cv_f1.png)no-repeat top left,
	url(/img/event_L/eLkuroshituzimarch2607/cv_f2.png)no-repeat top right,
	url(/img/event_L/eLkuroshituzimarch2607/cv_f3.png)no-repeat bottom left,
	url(/img/event_L/eLkuroshituzimarch2607/cv_f4.png)no-repeat bottom right;
	z-index:0;
}
#march .cv > ul > li:not(:last-child) p{
	font-size: 26px;
	line-height: 1;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-bottom: .7em;
}
#march .cv > ul > li:last-child p{
	font-size: 26px;
	line-height: 1.61;
	text-align: left;
}
#march .cv > ul > li:last-child p + p{
	margin-top: .9em;
}
#march .cv ul.files{
	position: absolute;
	top:43px;
	right:52px;
	gap: 18px;
}
#march .cv ul.files li img{
	width:229px;
}
#march .cv ul.files li p{
	font-size: 23.24px;
	text-align: center;
}
#march .cv ul.files li p::before,
#march .cv ul.files li p::after{
	width:36px;
	height:12px;
}
#march .cv > ul + p{
	font-size: 36px;
	line-height: 1;
	margin-bottom: .3em;
}
#march .cv p.prc{
	font-size: 78px;
	line-height: 1;
	display:inline-block;
	margin-bottom: .3em;
}
#march .cv p.prc > span:first-child{
	font-size: 57.69%;
	border:1px solid #fff;
	padding: .2em;
	display:inline-block;
	margin-right: .3em;
}
#march .cv p.prc strong{
	font-size: 192%;
	font-family: "Bellefair", serif;
}
#march .cv p.prc strong span{
	font-size: 80%;
}
#march .cv p.prc small{
	font-size: 46%;
}
#march .cv p.prc > span:last-child{
	width:100%;
	font-size: 30.76%;
	display:block;
	text-align: right;
	margin-top: -.5em;
}
#march .cv a._btn{
	color:#83f776;
	font-size: 50px;
	font-family: "Zen Old Mincho", serif;
	line-height: 125px;
	text-shadow:5px 5px 20px #83f776;
	width:840px;
	height:130px;
	display:inline-block;
	background:url(/img/event_L/eLkuroshituzimarch2607/cv_btn.png)no-repeat;
	transition-duration: .2s;
	position: relative;
	margin-bottom: 25px;
}
#march .cv a._btn::after{
	content:url(/img/event_L/eLkuroshituzimarch2607/cv_btn_arr.png);
	position: absolute;
	top:14px;
	right:20px;
}
#march .cv a._btn:hover::after{
	right:-5px;
}
#march .cv > p:last-child{
	border-bottom:1px solid #fff;
	display:inline-block;
	padding-bottom: .2em;
}
#march .point{
	
}
#march .point > div:not(:last-child){
	margin-bottom: 70px;
}
#march .point h2{
	font-size: 56px;
	margin-bottom: 60px;
}
#march .point h2 span{
	display:inline-block;
}
#march .point h2 img{
	width:446px;
	display:block;
	margin:0 auto 28px;
}
#march .point h2::before{
	content:'';
	display:inline-block;
	width:134px;
	height:196px;
	background:url(/img/event_L/eLkuroshituzimarch2607/illust1@2x.png);
	background-size:contain;
	margin-right: 45px;
	margin-bottom: -5px;
}
#march .point h2::after{
	content:'';
	display:inline-block;
	width:132px;
	height:199px;
	background:url(/img/event_L/eLkuroshituzimarch2607/illust2@2x.png);
	background-size:contain;
	margin-left: 41px;
	margin-bottom: -5px;
}
#march .point h3{
	width:960px;
	color:#83f776;
	font-size: 48px;
	font-family: "Bellefair", "Noto Serif JP", serif;
	line-height: 1;
	border-bottom:1px solid #83f776;
	padding-bottom: .15em;
	margin-bottom: 52px;
	display:inline-block;
}
#march .point3 h3,#march .point4 h3,#march .point5 h3{
	text-align: left;
}
#march .point h4{
	font-size: 40px;
	line-height: 1.5;
	margin-bottom: 40px;
}
#march .point h4 strong{
	color:#83f776;
}
#march .point p{
	font-size: 26px;
	line-height: 1.61;
}
#march .point1 div{
	min-height:511px;
	position: relative;
	padding-top: 70px;
}
#march .point1 p{
	text-align: left;
	padding-left: 150px;
}
#march .point1 p + p{
	margin-top: 1.1em;
}
#march .point1 img{
	position: absolute;
	top:0;
	right:150px;
}
#march .point2 h4 + p{
	margin-top: -.9em;
}
#march .point2 ul{
	min-height:542px;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:0 80px;
	background:url(/img/event_L/eLkuroshituzimarch2607/point2_bg.png)no-repeat;
}
#march .point2 ul li{

}
#march .point2 ul li p{
	font-size: 20px;
	line-height: 1;
	padding-top: 1em;
}
#march .point3 ul{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 39px;
	margin-top: -10px;
}
#march .point3 ul li{
	width:420px;
}
#march .point3 ul li img{
	border:1px solid #c1b655;
	margin-bottom: 10px;
}
#march .point3 ul li p{
	font-size: 24px;
	text-align: left;
}
#march .point4 ul li img{
	width:355px;
}
#march .point5 p{
	margin-bottom: 50px;
}
#march .point5 p strong{
	color:#83f776;
	font-size: 115%;
	display:block;
	margin-bottom: .4em;
}
#march .point5 ul{
	width:fit-content;
	margin:auto;
	background:#333;
	padding: 50px 40px;
}
#march .point5 ul li:not(:last-child){
	margin-bottom: 65px;
}
#march .point5 ul li h5{
	color:#fff;
	font-size: 36px;
	line-height: 1;
	background:#000;
	padding: .25em 0 .35em;
	margin-bottom: 39px;
}
#march .copy{
	font-size: 16px;
	line-height: 1;
	font-family: "Bellefair", "Noto Serif JP", serif;
	padding: 1.2em 0;
}
#march .my-koala{
	background:url(/img/event_L/eLbangdream2404/my-koala_bg.png)no-repeat;
	min-height:1288px;
	padding-top: 5px;
	margin-top: 50px;
}
#march .my-koala > img:first-child{
	margin-bottom: 38px;
}
#march .my-koala div{
	position: relative;
	display:inline-block;
	margin:40px 0 50px;
}
#march .my-koala ul li a{
	position: absolute;
	top:180px;
	left:310px;
	display:block;
	width:110px;
	height:110px;
	text-indent:-9999px;
}
#march .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;
}
/* slick */
@font-face {font-family: 'slick';src: url(/img/event_L/eLghanabox/slick-font.js);}
#march .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#march .slider .slick-arrow:hover {
	cursor: pointer;
}
#march .slider .prev-arrow {
  left: -40px;
  z-index: 10;
}
#march .slider .next-arrow {
  right: -40px;
}
#march .slick-dots{
	bottom:-45px;
}
#march .slick-dots li{
	margin:0 3px;
}
#march .slick-dots li button:before{
	content:"\2022";
	color:#ccc;
	font-size: 11px;
	opacity:1;
}
#march .slick-dots li.slick-active button:before{
	color:#83f776
}