@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: 24px;
	font-weight: 500;
	font-family: YakuHanJP, "Roboto", "Noto Sans JP", sans-serif;
	line-height: 1.36;
	text-align: center;
	background:#272727;
}
#vivant img{
	height:auto;
	vertical-align: bottom;
}
#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 h1{
	padding: 93px 0 41px;
}
#vivant .main_img{
	background:url(/img/event_L/eLvivantmarch2611/bg.png)repeat-y;
	padding: 50px 0;
}
#vivant .lead{
	padding: 118px 0 90px;
}
#vivant .design{
	background:url(/img/event_L/eLvivantmarch2611/design_bg.png)no-repeat top 32px left;
	padding-bottom: 110px;
}
#vivant .design h2{
	font-size: 52px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 40px;
}
#vivant .design div.slider{
	padding: 0 80px;
}
/* date */
#vivant .date{
	background:#151515;
	padding: 90px 75px;
}
#vivant .date > div{
	border:4px solid #d71518;
	border-top:none;
	padding: 20px 100px 55px;
}
#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:325px;
	background:#fff;
	border:1px solid #272727;
	padding: 28px;
	overflow-y: scroll;
	margin: 14px auto 0;
}
#vivant .date table{
	color:#272727;
	background:#fff;
	font-size: 25px;
	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;
}
#vivant .date table tr:nth-child(even){
	background:#eaeaea;
}

#vivant .cv{
	color:#fff;
	padding: 80px 50px;
}
#vivant .point + .cv{
	margin-bottom: 20px;
}
#vivant .cv > img:first-child{
	margin-bottom: 36px;
}
#vivant .cv .cv_img{
	background:url(/img/event_L/eLvivantmarch2611/bg.png)repeat-y;
	padding: 40px 0 30px;
	margin-bottom: 45px;
}
#vivant .cv ul{
	display: flex;
	justify-content:space-between;
	margin-bottom: 50px;
}
#vivant .cv ul li{
	width:490px;
}
#vivant .cv img.prc {
	margin-bottom: 30px;
}
#vivant .cv a._btn {
	width:800px;
	line-height: 1;
	text-align: center;
	background:#d71518;
	border-radius: 100vh;
	position: relative;
	transition-duration: .2s;
	padding: 40px 0;
	margin:0 auto;
	display:block;
}
#vivant .cv a._btn::after {
	content:url(/img/event_L/eLvivantmarch2611/cv_btn_arr.png);
	position: absolute;
	top:calc(50% - 16px);
	right:49px;
}
#vivant .cv a._btn:hover::after {
	right:25px;
}
#vivant .cv p.kome {
	display:inline-block;
	border-bottom:1px solid #fff;
	padding: 1.1em 0 .2em;
}
#vivant .point{
	padding: 60px 50px 0;
}
#vivant .point > div{
	padding: 0 75px 75px;
	background:#151515;
}
#vivant .point > div:not(:last-child){
	margin-bottom: 135px;
}
#vivant .point h2{
	font-size: 60px;
	margin-bottom: 100px;
}
#vivant .point h2 span{
	display:block;
	font-weight: bold;
}
#vivant .point h3 img{
	margin-top: -32px;
	margin-bottom: 45px;
}
#vivant .point h4{
	font-size: 40px;
	font-weight: bold;
	font-family: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	line-height: 1;
	margin-bottom: 40px;
}
#vivant .point p{
	font-size: 26px;
	font-weight: 500;
	line-height: 1.6;
	margin:0 -1em 50px;
}
#vivant .point h4 + p strong{
	color:#d01518;
	font-weight: 700;
}
#vivant .point > div.point1{
	padding-bottom: 60px;
}
#vivant .point2{

}
#vivant .point2 p.secret{
	text-align: left;
	display:flex;
	align-items: center;
	height:337px;
	background:url(/img/event_L/eLvivantmarch2611/point2_secret.png)no-repeat top right;
	margin-top: 105px;
	margin-bottom: 0;
}
#vivant .point3{

}
#vivant .point3 ul{
	display:flex;
	flex-wrap: wrap;
	gap: 30px;
}
#vivant .point3 ul li{
	width:410px;
}
#vivant .point3 ul li img{
	margin-bottom: 10px;
}
#vivant .point3 ul li p{
	font-size: 24px;
	text-align: center;
	margin:0 -1em;
}
#vivant .point4 {
	padding-bottom: 90px;
}
#vivant .point4 img + img{
	margin-top: 40px;
}
#vivant .totop{
	padding-bottom: 50px;
}
#vivant .copy{
	line-height: 1;
	padding: 30px 0;
}
#vivant .my-koala{
	background:url(/img/event_L/eLbangdream2404/my-koala_bg.png)no-repeat;
	min-height:1288px;
	padding-top: 5px;
	margin-top: 50px;
}
#vivant .my-koala > img:first-child{
	margin-bottom: 38px;
}
#vivant .my-koala div{
	position: relative;
	display:inline-block;
	margin:40px 0 50px;
}
#vivant .my-koala ul li a{
	position: absolute;
	top:180px;
	left:310px;
	display:block;
	width:110px;
	height:110px;
	text-indent:-9999px;
}
#vivant .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);}
#vivant .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#vivant .slider .slick-arrow:hover {
	cursor: pointer;
}
#vivant .slider .prev-arrow {
  left: -50px;
  z-index: 10;
}
#vivant .slider .next-arrow {
  right: -50px;
}
#vivant .slick-dots{
	bottom:-50px;
}
#vivant .slick-dots li{
	margin:0 5px;
}
#vivant .slick-dots li button::before{
	opacity:1;
}
#vivant .slick-dots li button::before {
	content:"\2022";
	color:#ccc;
	font-size: 11px;
	opacity:1;
}
#vivant .slick-dots li.slick-active button::before {
	color:#d71518;
}