@charset "UTF-8";
/* /shop/e/eLvivantmarch2611/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;600&family=Roboto:wght@400;500&display=swap');

/* reset
---------------------- */
#vivant{
	color:#fff;
	font-size: 3.2vw;/* 24px */
	font-family: YakuHanJP, "Roboto", "Noto Sans JP", sans-serif;
	text-align: center;
	background:#272727;
}
#vivant img{
	width:100%;
	height:auto;
}
#vivant .design .slick-slide img{
	aspect-ratio: 940 / 600;
}
#vivant .point2 .slick-slide img{
	aspect-ratio: 850 / 500;
}
#vivant b,#vivant strong{
	font-weight: inherit;
}
/* contents
---------------------- */
#vivant .main_img{
	background:url(/img/event_L/eLvivantmarch2611/sp/bg.png)repeat-y;
	background-size:100% auto;
	padding: 5.8vw 0 5.4vw;
}
#vivant .main_img img{
	width:97.73%;
}
#vivant .lead{
	padding: 13.333vw 9% 14vw;
}
#vivant .design{
	padding-bottom: 14vw;
}
#vivant .design h2 img{
	width:73.93%;
	margin-bottom: 4.667vw;
}
#vivant .design div.slider{
	padding: 0 5.33%;
}
/* date */
#vivant .date{
	background:#151515;
	padding: min(90px,13.333vw) min(75px,5.333vw);
}
#vivant .date > div{
	border:4px solid #d71518;
	border-top:none;
	padding: 20px 100px 55px;
}
@media screen and (max-width:1023px) { 
	#vivant .date > div{
		padding: 6vw 5vw;
	}
}
#vivant .date picture + p,
#vivant .date img + p{
	color:#272727;
	margin-top: 1em;
}
#vivant .date h3{
	margin-top: 45px;
}
#vivant .date div.wrap{
	width:100%;
	height:min(325px,42vw);
	background:#fff;
	border:1px solid #272727;
	padding: min(28px,2vw);
	overflow-y: scroll;
	margin: min(14px,1.5vw) auto 0;
}
#vivant .date table{
	color:#272727;
	background:#fff;
	font-size: min(25px , 3.2vw);
	font-weight: 500;
	line-height: 1;
	text-align: left;
}
#vivant .date table th{
	color:#d71518;
	font-weight: 600;
}
#vivant .date table th,
#vivant .date table td{
	padding: .4em .9em;
}
@media screen and (max-width:767px) { 
	#vivant .date table th,
	#vivant .date table td{
		font-size: 3vw;
		padding: .4em .3em;
	}
}
#vivant .date table tr:nth-child(even){
	background:#eaeaea;
}
#vivant .cv{
	color:#fff;
	padding: 10.667vw 4vw 6vw;
}
#vivant .point + .cv{
	margin-bottom: 8.667vw;
}
#vivant .cv > img:first-child{
	margin-bottom: 4.8vw;
}
#vivant .cv .cv_img{
	background:url(/img/event_L/eLvivantmarch2611/sp/bg.png)repeat-y;
	background-size:100% auto;
	padding: 6vw 0;
	margin-bottom: 4vw;
}
#vivant .cv ul{
	display: inline-flex;
	justify-content:space-between;
	gap:2.667vw;
	margin-bottom: 6.667vw;
}
#vivant .cv ul li{
}
#vivant .cv img.prc {
	margin-bottom: 2.667vw;
}
#vivant .cv img._btn {
	width:89.33%;
}
#vivant .cv p.kome {
	display:inline-block;
	border-bottom:1px solid #fff;
	padding: 1.1em 0 .2em;
}
#vivant .point{
	padding: 18vw 5.333vw 6vw;
}
#vivant .point > div{
	padding: 0 0 8vw;
	background:#151515;
}
#vivant .point > div:not(:last-child){
	margin-bottom: 13.333vw;
}
#vivant .point h2{
	font-size: 8vw;
	margin-bottom: 16vw;
}
#vivant .point h2 span{
	display:block;
	font-weight: bold;
}
#vivant .point h3 img{
	width:33%;
	margin-top: -4.8vw;
	margin-bottom: 6vw;
}
#vivant .point h4{
	font-size: 5.333vw;
	font-weight: bold;
	font-family: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	line-height: 1.4;
	margin-bottom: 5.333vw;
}
#vivant .point p{
	font-size: 3.6vw;
	font-weight: 500;
	line-height: 1.6;
	margin:0 -1em 6.667vw;
}
#vivant .point h4 + p strong{
	color:#d01518;
	font-weight: 700;
}
#vivant .point1{

}
#vivant .point1 img.pkg{
	width:90%;
}
#vivant .point2{

}
#vivant .point2 p.secret{
	background:url(/img/event_L/eLvivantmarch2611/point2_secret.png)no-repeat bottom center;
	background-size:50.74% auto;
	padding-bottom: 52vw;
	margin-top: 14.667vw;
	margin-bottom: 0;
}
#vivant .point3{

}
#vivant .point3 ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2.667vw 0;
	padding: 0 6vw;
}
#vivant .point3 ul li{
	width:48.27%;
}
#vivant .point3 ul li img{
	margin-bottom: 1.333vw;
}
#vivant .point3 ul li p{
	font-size: 3.2vw;
	line-height: 1.3;
	text-align: center;
	margin:0 -1em;
}
#vivant .point4 {

}
#vivant .point4 img + img{
	margin-top: 6.667vw;
}
#vivant .totop{
	padding: 0 5.333vw 13.333vw;
}
#vivant .copy{
	line-height: 1;
	padding: 4vw 0;
}
#vivant .copy img{
	width:7.33%;
}
/* my-koala */
#vivant .my-koala{
	background:url(/img/event_L/eLbangdream2404/sp/my-koala_bg.png)no-repeat top left;
  background-size:cover;
  padding-bottom: 8.667vw;
}
#vivant .my-koala ul li{
	position: relative;
}
#vivant .my-koala ul li a{
	position: absolute;
  display:block;
  bottom:4vw;
  right:14.8%;
  width:19%;
  height:19vw;
  text-indent:-1333.2vw;
}
/* 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%);
  width:70%;
}
#closeModal {
	position: absolute;
	right: 0;
	top: -10vw;
	width:12%;
	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);}
#vivant .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#vivant .slider .prev-arrow {
  left: -3vw;
  z-index: 10;
}
#vivant .slider .next-arrow {
  right: -3vw;
}
#vivant .slider img.slide-arrow {
  width: 8vw;
}
#vivant .slick-dots{
	bottom:-8vw;
}
#vivant .slick-dots li{
	margin:0 1.2vw;
	width:4vw;
	height:4vw;
}
#vivant .slick-dots li button:before{
	opacity:1;
}
#vivant .slick-dots li button::before {
	content:"\2022";
	color:#ccc;
	font-size: 2.8vw;
	opacity:1;
}
#vivant .slick-dots li.slick-active button::before {
	color:#d71518;
}