@charset "UTF-8";
/* /shop/e/eLkisekoi2603/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800;900&Noto+Serif+JP:wght@400;700&display=swap');
/* reset
---------------------- */
#kisekoi{
	color:#614c3f;
	font-size: 25px;
	font-family: YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;
	text-align: center;
	background:url(/img/event_L/eLkisekoi2603/bg.png)repeat-y;
	padding: 0 30px;
}
#kisekoi p{
	transform: rotate(0.03deg);
}
#kisekoi h2,#kisekoi h3,#kisekoi h4,#kisekoi strong{
	font-weight: inherit;
}

/* contents
---------------------- */
#kisekoi .main{
	height:1500px;
	background:url(/img/event_L/eLkisekoi2603/main_pkg.png)no-repeat top 124px right 8px,
	url(/img/event_L/eLkisekoi2603/main_bg2.png)no-repeat top left,
	url(/img/event_L/eLkisekoi2603/main_bg.jpg)no-repeat top left;
	border-bottom:2px solid #dd9cb2;
}
#kisekoi .main p{
	color:#fff;
	font-size: 40px;
	line-height: 1;
	padding: 20px 0 93px;
}
#kisekoi .main p::before,#kisekoi .main p::after{
	content:'';
	display:inline-block;
	width:40px;
	height:40px;
	background:url(/img/event_L/eLkisekoi2603/main_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin-top: 4px;
}
#kisekoi .main p::before{
	margin-right: 20px;
}
#kisekoi .main p::after{
	margin-left: 25px;
}
#kisekoi .main h1{
	text-align: left;
	padding-left: 45px;
}
#kisekoi .lead{
	background:url(/img/event_L/eLkisekoi2603/lead_bg.png)no-repeat top right;
	position: relative;
	padding-top: 108px;
	margin-bottom: 60px;
}
#kisekoi .lead > h3{
	text-align: left;
	background:url(/img/event_L/eLkisekoi2603/lead_h3_bg.png)no-repeat bottom center;
	padding-left: 53px;
	padding-bottom: 40px;
}
#kisekoi .lead p.txt{
	color:#392421;
	font-size: 30px;
	font-weight: 600;
	font-family: YakuHanRP, "M PLUS Rounded 1c", sans-serif;
  	transform: rotate(0.03deg);
	line-height: 1.8;
	letter-spacing: -0.03em;
	text-align: left;
	padding-top: 40px;
	padding-left: 60px;
}
#kisekoi .lead p.pkg{
	text-align: left;
	padding-top: 50px;
	padding-left: 60px;
}
#kisekoi .lead img.illust{
	width:400px;
	position: absolute;
	top:54px;
	right:23px;
}
#kisekoi .slider{
	height:975px;
	background:url(/img/event_L/eLkisekoi2603/slider_bg.png)no-repeat;
	padding: 120px 122px 0;
	margin-bottom: 70px;
}
#kisekoi .slider h2{
	color:#fff;
	font-size: 80px;
	line-height: 1;
	margin-bottom: .3em;
}
#kisekoi .slider h2 + p{
	color:#fff;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 1.5em;
}
#kisekoi .slider h2 + p::before,#kisekoi .slider h2 + p::after{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(/img/event_L/eLkisekoi2603/slider_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin: 6px 18px 0;
}
#kisekoi .slider ul {

}
#kisekoi .slider li img{
	margin:0 auto;
}
#kisekoi .date{
	color:#fff;
	width:802px;
	height:502px;
	background:url(/img/event_L/eLkisekoi2603/date_bg.png)no-repeat;
	font-weight: 500;
	margin:0 auto;
	padding: 60px 0;
	position: relative;
	z-index:1;
}
#kisekoi .date h2{
	font-size: 35px;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}
#kisekoi .date h2 strong{
	color:#fffe8a;
	font-size: 50px;
	font-weight: 600;
	display:block;
}
#kisekoi .date h2 + p{
	color:#dd9cb2;
	font-size: 40px;
	line-height: 1;
	background:url(/img/event_L/eLkisekoi2603/date_dotline.png)no-repeat top center,
	url(/img/event_L/eLkisekoi2603/date_dotline.png)no-repeat bottom center;
	padding: .4em 0 .5em;
	margin-bottom: 30px;
}
#kisekoi .date ul{
	display:inline-block;
}
#kisekoi .date ul li{
	line-height: 1;;
	text-align: left;
	background:url(/img/event_L/eLkisekoi2603/date_ico.png)no-repeat center left;
	min-height:23px;
	padding-left: 30px;
	margin-bottom: .7em;
}
#kisekoi .prod{
	background:url(/img/event_L/eLkisekoi2603/cv_bg.png)no-repeat top left;
	padding: 180px 0 60px;
	margin-top: -60px;
}
#kisekoi .prod.prod2{
	padding-bottom: 130px;
	margin-top: -70px;
}
#kisekoi .prod h2{
	margin-bottom: 38px;
}
#kisekoi .prod img.detail{
	margin: 27px 0 37px;
}
#kisekoi .prod a._btn{
	position: relative;
	display:inline-block;
	margin: 45px 0 30px;
}
#kisekoi .prod a._btn::after{
	content:url(/img/event_L/eLkisekoi2603/cv_btn_arr.png);
	position: absolute;
	top:44px;
	right:35px;
	transition-duration: .2s;
}
#kisekoi .prod a._btn:hover::after{
	right:18px;
}
#kisekoi .prod p.kome{
	color:#392421;
	font-weight: 700;
	line-height: 1;
	padding-bottom: .4em;
	border-bottom:3px solid #da326b;
	display:inline-block;
}
#kisekoi .prod p.kome strong{
	color:#da326b;
}
#kisekoi .point{
	background:url(/img/event_L/eLkisekoi2603/point_bg_top.png)no-repeat top left,
	url(/img/event_L/eLkisekoi2603/point_bg_bottom.png)no-repeat bottom left,
	url(/img/event_L/eLkisekoi2603/point_bg1.png)repeat-y;
	background-color:#dfa1b6;
	padding: 120px 0 110px;
	position: relative;
	z-index:1;
}
#kisekoi .point div.bg2{
	background:url(/img/event_L/eLkisekoi2603/point_bg2.png)repeat-y;
	padding: 50px 0;
	margin-bottom: 50px;
}
#kisekoi .point h2{
	color:#fff;
	font-size: 80px;
	line-height: 1;
	margin-bottom: .3em;
}
#kisekoi .point h2 + p{
	color:#fff;
	font-size: 30px;
	line-height: 1;
	margin-bottom: 45px;
}
#kisekoi .point h2 + p::before,#kisekoi .point h2 + p::after{
	content:'';
	display:inline-block;
	width:20px;
	height:20px;
	background:url(/img/event_L/eLkisekoi2603/slider_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin: 6px 16px 0;
}
#kisekoi .point h3{
	line-height: 1.2;
	background:url(/img/event_L/eLkisekoi2603/point_h3_dotline.png)no-repeat bottom center;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#kisekoi .point h3 span{
	color:#dd9cb2;
	font-size: 50px;
	font-weight: 600;
	line-height: 1;
	display:inline-block;
	margin-bottom: 15px;
}
#kisekoi .point h3 span::before,#kisekoi .point h3 span::after{
	content:'';
	display:inline-block;
	width:28px;
	height:28px;
	background:url(/img/event_L/eLkisekoi2603/point_h3_ico.png)no-repeat;
	background-size:contain;
	vertical-align: top;
	margin: 14px 20px 0;
}
#kisekoi .point h3 b{
	font-size: 55px;
	font-weight: 700;
	letter-spacing: -0.05em;
	display:block;
}
#kisekoi .point h3 strong{
	color:#da326b;
	font-weight: inherit;
}
#kisekoi .point div.point1{
	width:948px;
	height:1018px;
	background:url(/img/event_L/eLkisekoi2603/point1_bg.png)no-repeat;
	padding: 60px 0;
	margin:0 auto;
}
#kisekoi .point div.point2{
	width:948px;
	height:1378px;
	background:url(/img/event_L/eLkisekoi2603/point2_bg.png)no-repeat;
	padding: 60px 0;
	margin:0 auto;
}
#kisekoi .point div.point2 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0 47px;
	margin-top: -25px;
}
#kisekoi .point div.point2 ul li{
	width:418px;
	margin-bottom: 32px;
}
#kisekoi .point div.point2 ul li:nth-child(2) img{
	margin:0 -19px;
}
#kisekoi .point div.point2 ul li p:first-child{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px;
}
#kisekoi .point div.point2 ul li p:last-child{
	color:#fff;
	font-size: 25px;
	line-height: 1.2;
	width:418px;
	height:148px;
	background:url(/img/event_L/eLkisekoi2603/point2_text_bg.png)no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}
#kisekoi .point div.point3{
	width:948px;
	height:2218px;
	background:url(/img/event_L/eLkisekoi2603/point3_bg.png)no-repeat;
	padding: 60px 0;
	margin:0 auto;
}
#kisekoi .point div.point3 h3{
	margin-bottom: 50px;
}
#kisekoi .point div.point3 h3 + p{
	margin-bottom: 50px;
}
#kisekoi .point div.point3 h3 + p span{
	font-family: YakuHanJP,"Noto Sans JP", sans-serif;
	line-height: 1.6;
}
#kisekoi .point div.point3 h3 + p strong{
	color:#da326b;
	font-size: 35px;
	font-weight: 700;
	display:block;
	margin-bottom: .4em;
}
#kisekoi .point div.point3 h4{
	width:818px;
	height:88px;
	color:#fff;
	font-size: 35px;
	line-height: 88px;
	background:url(/img/event_L/eLkisekoi2603/point3_h4_bg.png)no-repeat;
	display:inline-block;
}
#kisekoi .point div.point3 ul li:first-child h4{
	margin-bottom: 40px;
}
#kisekoi .point div.point3 ul li:last-child h4{
	margin: 50px 0 60px;
}
#kisekoi .copy{
	color:#fff;
	font-size: 15px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 300;
	line-height: 1;
	background:#614c3f;
	padding: 1.3em 0;
}
#kisekoi .my-koala{
	background:url(/img/event_L/eLbangdream2404/my-koala_bg.png)no-repeat;
	min-height:1288px;
	padding-top: 5px;
	margin-top: -40px;
}
#kisekoi .my-koala > img:first-child{
	margin-bottom: 38px;
}
#kisekoi .my-koala div{
	position: relative;
	display:inline-block;
	margin:40px 0 50px;
}
#kisekoi .my-koala ul li a{
	position: absolute;
	top:180px;
	left:310px;
	display:block;
	width:110px;
	height:110px;
	text-indent:-9999px;
}
#kisekoi .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 */
#kisekoi .cv.end{
	position: relative;
}
#kisekoi .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);}
#kisekoi .slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#kisekoi .slider .slick-arrow:hover {
	cursor: pointer;
}
#kisekoi .slider .prev-arrow {
  left: -85px;
  z-index: 10;
}
#kisekoi .slider .next-arrow {
  right: -85px;
}
#kisekoi .slick-dots{
	bottom:-50px;
}
#kisekoi .slick-dots li{
	margin:0 12px;
}
#kisekoi .slick-dots li button:before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:url(/img/event_L/eLkisekoi2603/slider_ico.png)no-repeat;
	opacity:1;
}
#kisekoi .slick-dots li.slick-active button:before{
	background:url(/img/event_L/eLkisekoi2603/slider_ico_active.png)no-repeat;
}