/* /shop/e/eLookinapaisue2207/
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap');

/* reset
---------------------- */
h1.event_name_img_ {
    margin:10px 0 0 !important;
    text-align: center;
}
#Lcoolish img{
	width: 100%;
	vertical-align: top;
}
#Lcoolish {
	width: 100%;
  color:#000;
  font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	margin-bottom:7%;
  text-align: center;
}
#Lcoolish *{
  box-sizing: border-box;
  font-size: inherit;
}
/* contents
---------------------- */
#Lcoolish .point{
	background: url(/img/event_L/eLcoolishfrozen2207/sp2/point_bg.png) repeat-y;
  background-size:100% auto;
  padding: 8vw 0 5vw;
}
#Lcoolish .point ul{
	margin-top: 6vw;
}
#Lcoolish .point ul li{
	margin-bottom: 3vw;
}
#Lcoolish .cv{
	border-top:10px solid #1c1e84;
	background:#e1f5fe;
  padding-top: 4vw;
}
#Lcoolish .cv a{
	display:block;
  padding: 4vw 0 6vw;
}
/* sceneArea */
#Lcoolish #sceneArea h2{
	margin-bottom: 5.333vw;
}
#Lcoolish #sceneArea{
	background: url(/img/event_L/eLcoolishfrozen2207/scene_bg.png) repeat;
  padding-top: 6vw;
}
#Lcoolish #sceneArea .scene{
	padding: 4.666vw 4vw;
	border-top:  #000 3px solid;
}
#Lcoolish #sceneArea  h2 + div.scene{
  border-top:none;
}
#Lcoolish #sceneArea img.sceneTtl{
	width: 40.8vw;
}
#Lcoolish .scene .sceneTxt01{
	font-weight: 900;
	font-size: 5.866vw;
	line-height: 1.6;
	margin: 4vw 0;
}
#Lcoolish .scene .sceneTxt02{
	margin-top: 3.333vw;
	padding: 0 4vw 4vw;
	font-weight: 500;
	font-size: 4vw;
	line-height: 1.5;
	text-align: left;
}
#Lcoolish .scene .mark{
background:-webkit-linear-gradient(transparent 40%, #fffc9e 40%);
background:-o-linear-gradient(transparent 40%, #fffc9e 40%);
background:linear-gradient(transparent 40%, #fffc9e 40%);
font-size: 1em;
}
#Lcoolish .scene .sceneTxt01 .txt_l{
	font-size: 1.3em;
}
#Lcoolish .scene .sceneTxt01 .txt_s{
	font-size: 0.7em;
}
#Lcoolish .scene .comment{
	font-size: 3.2vw;
}
#Lcoolish .scene p.comment{
	text-align: left;
	padding: 0 4vw 4vw;
}
#Lcoolish .brand{
  padding: 5vw 3.5vw 0;
}
#Lcoolish .brand p{
	color:#1c1e84;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 10px;
}
/* modal */
#modal{
  display:none;
  position:fixed;
  top:40%;
  left:50%;
  z-index:9999;
  margin:-120px 0 0 -220px;
  min-width:450px;
  background:#fff;
  padding:30px 30px 40px;
  border:1px #ddd solid;
  border-radius:10px;
  text-align:center;
  font-size: 18px;
  font-weight:bold;
  box-sizing:border-box;
}
#modal ul	{
  margin:30px auto 0;
}
#modal ul li:first-child	{
  margin-bottom: 30px;
}
#modal ul li a	{
  display:inline-block;
  border-radius:4px;
  padding:15px;
  min-width:180px;
  text-align:center;
  cursor:pointer;
  text-decoration:none;
  margin-bottom: 7px;
}
#modal ul li a.close_modal	{
  background:#dd0000;
  color:#fff;
}
#modal ul li a.no	{
  background:#333;
  color:#fff;
}
#modal ul li p{
  font-size: 90%;
  font-weight: normal;
}
@media screen and (max-width:640px) {
  #modal{
    top:25%;
    left:5%;
    margin:0;
    width:90%;
    min-width:auto;
    padding:4vw 0;
    font-size:3.5vw;
  }
}

/* coupon */
#coupon{
	margin:30px 0 10px !important;
}
#coupon .coupon{
	margin-top:40px;
}
.floating-banner {
	display:none;
	position: fixed;
	bottom: 20px;
	right: calc(50% - 760px);
	background: #fff;
	border: 1px solid #ccc;
	z-index: 100;
}
@media screen and (max-width:1500px) { 
	.floating-banner {
		right:0;
	}
}
.floating-banner a{
	display:block;
}
.close-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	background: #eee;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	font-size: 18px !important;
	color: #333;
	z-index: 1000;
}
.close-btn:hover {
	background: #ccc;
}