@charset "utf-8";
.eye{
	width: 136.6rem;
	height: 76.8rem;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.eye{
		width: 100%;
		height: 66.7rem;
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
}
.eye > .inner01{
	width: 77.9rem;
	height: 65.6rem;
	display: block;
	margin-top: 9.3rem;
	margin-right: -9.0rem;
	position: relative;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.eye > .inner01{
		width: 39.9rem;
		height: 33.6rem;
		display: block;
		margin-top: 0;
		margin-right: 0;
		position: relative;
		flex-shrink: initial;
	}
}
.eye > .inner01 .img01{
	width: 77.9rem;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.eye > .inner01 .img01{
		width: 39.9rem;
		height: auto;
		left: 50%;
		transform: translateX(-50%);
	}
}
.eye > .inner01 .eye_parts01{
	width: 28.5rem;
	height: auto;
	display: block;
	position: absolute;
	top: 5.0rem;
	left: 24.8rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner01 .eye_parts01{
		width: 14.6rem;
		top: 2.5rem;
		left: 12.8rem;
	}
}
.eye > .inner01 .eye_parts02{
	width: 9.9rem;
	height: auto;
	display: block;
	position: absolute;
	top: 30.6rem;
 	left:3.9rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner01 .eye_parts02{
		width: 5.2rem;
		top: 15.6rem;
		left: 2.1rem;
	}
}
.eye > .inner01 .eye_parts03{
	width: 23.7rem;
	height: auto;
	display: block;
	position: absolute;
	bottom: .5rem;
	left: 17.0rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner01 .eye_parts03{
		width: 12.2rem;
		bottom: .3rem;
		left: 9.0rem;
	}
}
.eye > .inner01 .eye_parts04{
	width: 20.7rem;
	height: auto;
	display: block;
	position: absolute;
	bottom: 2.5rem;
	right: 5.8rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner01 .eye_parts04{
		width: 10.8rem;
		height: auto;
		display: block;
		position: absolute;
		bottom: 1.0rem;
		right: 2.8rem;
	}
}


.eye > .inner02{
	width: 50%;
	height: 65.6rem;
	display: block;
	position: relative;
	margin-top: 12.3rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner02{
		width: 33.5rem;
		height: auto;
		display: block;
		position: relative;
		margin: 0 auto;
	}
}
.eye > .inner02 .inner02_01{
	width: 57.4rem;
	height: auto;
	display: block;
	margin-left: 4.9rem;
}
@media only screen and (max-width: 767px){
	.eye > .inner02 .inner02_01{
		width: 100%;
		margin-left: 0;
	}
}
.eye > .inner02 .inner02_01 h2{
	width: 57.3rem;
	height: 28.7rem;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
@media only screen and (max-width: 767px){
	.eye > .inner02 .inner02_01 h2{
		width: 28.4rem;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}
.eye > .inner02 .inner02_01 h2 img{
	width: 100%;
	height: auto;
	display: block;
}
.eye > .inner02 .inner02_01 h3{
	width: 44.0rem;
	height: 6.2rem;
	display: block;
	margin: 5.9rem auto 0;
	overflow: hidden;
}
@media only screen and (max-width: 767px){
	.eye h3{
		width: 21.8rem;
		height: 3.1rem;
		display: block;
		margin: 2.8rem auto 0;
		overflow: hidden;
	}
	.eye h3 img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}
.eye > .inner02 .inner02_01 h3 img{
	width: 100%;
	height: auto;
	display: block;
}
.eye > .inner02 .img04{
	width: 63.0rem;
	height: auto;
	/*margin: 4.0rem auto 0;*/
}

/*コンテンツ01*/
.contents01{
	width: 100%;
	height: 76.9rem;
	background-color: #835F48;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.contents01{
		width: 100%;
		height: auto;
		display:block;
		padding: 2.0rem 0;
	}
}
.contents01 .contents01_01{
	width: 126.6rem;
	height: 66.9rem;
	background-image: url(/valentinesday/2026/images/index/map_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01{
		width: 33.5rem;
		height: auto;
		background-image: initial;
		margin: 0 auto;
		background-color: #F6C53E;
		padding: 7.6rem 0;
	}
}
.contents01 .contents01_01 .inner01{
	width: 52.0rem;
	height: auto;
	background-color: #fff;
	border-radius: 3.0rem;
	border: .2rem solid #E60012;
	margin: 17.7rem 0 0 35.1rem;
	padding: 0 .6rem 4.0rem;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01{
		width: 30.0rem;
		border-radius: 2.0rem;
		margin: 0 auto 0 auto;
		padding: 0 .5rem 3.0rem;
	}
}
.contents01 .contents01_01 .inner01 .img04{
	width: 27.2rem;
	height: auto;
	display: block;
	margin: -3.5rem auto 0;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .img04{
		width: 20.3rem;
		margin: -3.3rem auto 0;
	}
}
.contents01 .contents01_01 .inner01 .text01{
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #E60C11;
	text-align: center;
	margin-top: 3.0rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .text01{
		font-size: 2.0rem;
		line-height: 2.6rem;
	}
}
.contents01 .contents01_01 .inner01 .text02{
	font-size: 1.3rem;
	line-height: 2.5rem;
	color: #E60C11;
	text-align: center;
	margin-top: 1.3rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .text02{
		font-size: 1.2rem;
		line-height: 2.2rem;
		margin-top: 1.0rem;
	}
}
.contents01 .contents01_01 .inner01 .img05{
	width: 13.6rem;
	height: auto;
	display: block;
	position: absolute;
	top: -2.4rem;
	left: -4.9rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .img05{
		width: 7.3rem;
		top: -1.8rem;
		left: -2.9rem;
	}
}
.contents01 .contents01_01 .inner01 .img06{
	width: 7.5rem;
	height: auto;
	display: block;
	position: absolute;
	top: 9.2rem;
	left: -8.6rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .img06{
		width: 4.1rem;
		top: 5.5rem;
		left: -3.0rem;
	}
}
.contents01 .contents01_01 .inner01 .img07{
	width: 15.0rem;
	height: auto;
	display: block;
	position: absolute;
	bottom: -5.1rem;
	right: -2.9rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .inner01 .img07{
		width: 10.7rem;
		bottom: -3.2rem;
		right: -2.4rem;
	}
}
.contents01 .contents01_01 .text08{
	font-size: 3.0rem;
	line-height: 3.0rem;
	position: absolute;
	top: 3.0rem;
	left: 3.0rem;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .text08{
		position: initial;
		text-align: center;
		margin: 5.6rem 0 3.7rem;

	}
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .sp_map{
		width: 31.4rem;
		height: 16.6rem;
		background-image: url(/valentinesday/2026/images/index/map_bg_sp.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;
		margin: 3.7rem auto 0;
		position: relative;
	}
	.contents01 .contents01_01 .sp_map .sp_img01{
		width: 10.8rem;
		height: auto;
		display: block;
		position: absolute;
		top: .8rem;
		left: -.5rem;
	}
	.contents01 .contents01_01 .sp_map .sp_img02{
		width: 10.2rem;
		height: auto;
		display: block;
		position: absolute;
		top: 7.0rem;
		left: 11.2rem;
	}
	.contents01 .contents01_01 .sp_map .sp_img03{
		width: 8.4rem;
		height: auto;
		display: block;
		position: absolute;
		top: -1.7rem;
		right: 3.5rem;
	}
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .btn_area{
		width: 28.6rem;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1.0rem;
		margin: 3.0rem auto 0;
	}
	.contents01 .contents01_01 .btn_area li{
		width: 100%;
		height: 8.0rem;
		display: block;
		position: relative;
	}
	.contents01 .contents01_01 .btn_area li img{
		width: 100%;
		height: auto;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		transition: all .3s;
	}
	.contents01 .contents01_01 .btn_area li img.btn01{
		opacity: 1;
		z-index: 2;
	}
	.contents01 .contents01_01 .btn_area li img.btn02{
		opacity: 0;
		z-index: 1;
	}
	.contents01 .contents01_01 .btn_area li img.btn02.active{
		opacity: 1;
		z-index: 3;
	}
}
@media only screen and (max-width: 767px){
	.pop_up02_area {
		position: fixed;
		inset: 0; /* top:0; right:0; bottom:0; left:0; と同じ */
		/*background: rgba(0, 0, 0, 0.7);*/
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 9999;
		opacity: 0;
		pointer-events: none;
		transition: all 0.3s ease .3s;
	}

	/* 表示時 */
	.pop_up02_area.is-open {
		opacity: 1;
		pointer-events: auto;
		overflow-y: scroll;
	    padding: 5.0rem 0;
	}
	.sp_pop_inner{
		width: 28.6rem;
		height: auto;
		padding: 0 0 7.8rem;
		background-color: #835F48;
		border-radius: 1.5rem;
		margin: 10.0rem auto 0;
		position: relative;
	}
	.sp_pop_inner .close{
		width: 2.0rem;
		height: 2.0rem;
		background-image: url(/valentinesday/2026/images/map/close01.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;
		position: absolute;
		top: 1.3rem;
		right: 1.2rem;
	}
	.sp_pop_inner .quest01{
		width: 14.0rem;
		height: auto;
		display: block;
		margin: 0 auto;
		position: relative;
  		top: -2.2rem;
	}
	.sp_pop_inner .buil_name{
		width: 17.9rem;
		height: auto;
		display: block;
		margin: 3.5rem auto 0;
	}
	.sp_pop_inner .detail{
		width: 100%;
		height: auto;
		padding: 0 3.3rem 0;
	}
	.sp_pop_inner .detail .pop_text02{
		font-size: 1.3rem;
		line-height: 2.2rem;
		color: #fff;
		margin-top: 3.5rem;
	}
	.sp_pop_inner.scramble{
		background-color: #FFDF56;
	}
	.sp_pop_inner.scramble .close{
		background-image: url(/valentinesday/2026/images/map/close02.png);
	}
	.sp_pop_inner.scramble .quest01{
		width: 14.8rem;
	}
	.sp_pop_inner.scramble .buil_name{
		width: 23.9rem;
		height: auto;
		display: block;
		margin: 3.5rem auto 0;
	}
	.sp_pop_inner.scramble .detail .pop_text01,
	.sp_pop_inner.scramble .detail .pop_text02{
		color: #0080C8;
	}
	.sp_pop_inner.mark{
		background-color: #4F95DA;
	}
	.sp_pop_inner.mark .close{
		background-image: url(/valentinesday/2026/images/map/close03.png);
	}
	.sp_pop_inner.mark .quest01{
		width: 16.4rem;
	}
	.sp_pop_inner.mark .buil_name{
		width: 22.3rem;
		height: auto;
		display: block;
		margin: 3.5rem auto 0;
	}
	.sp_pop_inner.mark .detail .pop_text01,
	.sp_pop_inner.mark .detail .pop_text02{
		color: #E7E830;
	}
}

/*pc用*/
/*markcity*/
.contents01 .contents01_01 .buil01{
	width: 16.9rem;
	height: auto;
	position: absolute;
	top: 17.3rem;
	left: 5.0rem;
}
.contents01 .contents01_01 .buil01 .name{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.contents01 .contents01_01 .buil01 .name .name01{
	width: 100%;
	height: auto;
	display: block;
}
.contents01 .contents01_01 .buil01 .name .pop_inner{
	width: 56.2rem;
	height: auto;
	background-color: #4F95DA;
	border-radius: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6.8rem 2.1rem 3.2rem 2.0rem;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 2.9rem;
	opacity: 0;
	transform: translateY(1.0rem); /* 下から */
	pointer-events: none; /* 非表示中はクリック不可 */
	transition: 
	opacity 0.25s ease-out,
	transform 0.25s ease-out;
}
.contents01 .contents01_01 .buil01:hover .name .pop_inner{
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto; /* 表示中だけ有効 */
}
.pop_inner .buil_name{
	width: 24.0rem;
	height: auto;
	display: block;
	margin-top: .5rem;
}
.pop_inner .line{
	width: .1rem;
	height: auto;
	background-color: #E7E830;
	flex-shrink: 0;
}
.pop_inner .pop_text02{
	font-size: 1.4rem;
	line-height: 2.4rem;
	color: #E7E830;
}
.pop_inner .quest01{
	width: 16.4rem;
	height: auto;
	display: block;
	position: absolute;
	top: -2.1rem;
	left: 0;
	right: 0;
	margin: auto;
}
.pop_inner .detail{
	width: 100%;
	height: auto;
}

/*scramble*/
.contents01 .contents01_01 .buil02{
	width: 16.9rem;
	height: auto;
	position: absolute;
	top: 16.0rem;
	right: 21.2rem;
	left: initial;
}
.contents01 .contents01_01 .buil02 .name .pop_inner.scramble{
	background-color: #FFDF56;
	top: 0;
	left: initial;
	right: 0;
	z-index: 10;
}
.contents01 .contents01_01 .buil02 .name .pop_inner.scramble .quest01{
	width: 14.8rem;
}
.contents01 .contents01_01 .buil02 .name .pop_inner.scramble .line{
	background-color: #0080C8;
}
.contents01 .contents01_01 .buil02 .name .pop_inner.scramble .pop_text01{
	color: #0080C8;
}
.contents01 .contents01_01 .buil02 .name .pop_inner.scramble .pop_text02{
	color: #0080C8;
}


/*hikarie*/
.contents01 .contents01_01 .buil03{
	width: 16.9rem;
	height: auto;
	position: absolute;
	top: 2.8rem;
	right: 4.0rem;
	left: initial;
}
.contents01 .contents01_01 .buil03 .name .pop_inner.hikarie{
	background-color: #835F48;
	top: 0;
	left: initial;
	right: 0;
	z-index: 10;
}
.contents01 .contents01_01 .buil03 .name .pop_inner.hikarie .quest01{
	width: 13.9rem;
}
.contents01 .contents01_01 .buil03 .name .pop_inner.hikarie .line{
	background-color: #fff;
}
.contents01 .contents01_01 .buil03 .name .pop_inner.hikarie .pop_text01{
	color: #fff;
}
.contents01 .contents01_01 .buil03 .name .pop_inner.hikarie .pop_text02{
	color: #fff;
}


/*contents02ここから*/
.contents02{
	width: 100%;
	height: auto;
	display: block;
	padding: 10.0rem 0;
	overflow: hidden;
}
@media only screen and (max-width: 767px){
	.contents02{
		width: 100%;
		padding: 5.0rem 0;
	}
}
.contents02 .contents02_01{
	width: 116.6rem;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width:33.5rem;
	}
}
.contents02 .contents02_01 h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 1.0rem;
	margin-bottom: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 h3{
		margin-bottom: 2.5rem;
	}
}
.contents02 .contents02_01 h3 .span01{
	font-size: 5.0rem;
	line-height: 5.0rem;
	color: #E60C11;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 h3 .span01{
		font-size: 3.0rem;
		line-height: 3.0rem;
	}
}
.contents02 .contents02_01 h3 .span02{
	font-size: 3.0rem;
	line-height: 3.0rem;
	color: #E60C11;
	margin-top: 1.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 h3 .span02{
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-top: 1.0rem;
		text-align: center;
	}
}
.contents02 .contents02_01 .event{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event{
		width: 100%;
		height: auto;
		display: block;
		position: relative;
	}
}
.contents02 .contents02_01 .event:nth-of-type(2){
	margin-top: 1.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event:nth-of-type(2){
		margin-top: 3.0rem;
	}
}
.contents02 .contents02_01 .event .img08{
	width: 50%;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .img08{
		width: 100%;
		margin-bottom: 2.0rem;
	}
}
.contents02 .contents02_01 .event .e_inner{
	width: 50%;
	height: 66.8rem;
	padding: 4.0rem 3.5rem 4.0rem 4.0rem;
	background-color: #fff;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner{
		width: 100%;
		height: auto;
		padding: 0;
	}
}
.contents02 .contents02_01 .event .e_inner .cont{
	width: auto;
	height: auto;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .cont{
		width: auto;
		height: auto;      /* 固定高さはJSで作るのでいらない */
		overflow: hidden;  /* 最初は中身をマスク */
	}
}
.contents02 .contents02_01 .event .e_inner .top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .top{
		padding: 0 2.2rem;
	}
}
.contents02 .contents02_01 .event .e_inner .top .date{
	font-size: 2.0rem;
	line-height: 2.0rem;
	color: #E60012;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .top .date{
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
}
.contents02 .contents02_01 .event .e_inner .top .number{
	font-size: 1.5rem;
	line-height: 2.0rem;
	color: #E60012;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .top .number{
		font-size: 1.0rem;
		line-height: 1.5rem;
	}
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .cont h5{
		font-size: 1.6rem;
		line-height: 1.8rem;
		padding: 0 2.2rem;
		margin: 1.0rem 0;
	}
}
.contents02 .contents02_01 .event .e_inner .center{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 5.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .center{
		margin-top: 0;
		padding: 0 2.2rem;
	}
	.contents02 .contents02_01 .event .e_inner .center.toggle-box.active{
		margin-top: 3.5rem;
		margin-bottom: 1.4rem;
	}
	.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center.toggle-box.active{
		margin-top: 0;
		margin-bottom: 1.4rem;
	}
}
.contents02 .contents02_01 .event .e_inner .center .place{
	font-size: 1.3rem;
	line-height: 2.0rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .center .place{
		font-size: 1.1rem;
		line-height: 1.8rem;
	}
	.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center .place{
		margin-top: 2.6rem;
	}
}
.contents02 .contents02_01 .event .e_inner .center .img09{
	width: 40.7rem;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .center .img09{
		width: 22.1rem;
	}
}
.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center .img09{
	width: 100%;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center .img09{
		width: 22.1rem;
	}
}

/*初期デザイン赤タイトル(the future~*/
/*.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center .img09{
	margin-top: -7.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event:nth-of-type(2) .e_inner .center .img09{
		margin-top: 0;
	}
}*/
.contents02 .contents02_01 .event .e_inner .bottom{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 5.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom{
		width: 100%;
		height: auto;
		display: block;
		padding: 0 2.2rem;
		margin-top: 0;
		margin-bottom: 1.0rem;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom h5{
	font-size: 1.6rem;
	line-height: 2.5rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom h5{
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 1.0rem;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom .b_box{
	width: auto;
	height: auto;
	display: block;
}
.contents02 .contents02_01 .event .e_inner .bottom .text03{
	width: 32.8rem;
	height: auto;
	font-size: 1.4rem;
	line-height: 2.3rem;
	flex-shrink: 0;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom .text03{
		width: 100%;
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	.contents02 .contents02_01 .event .e_inner .bottom .text03.toggle-box.active{
		margin-top: 1.0rem;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom .b_box .text03{
	width: 30.7rem;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom .b_box .text03{
		width: 100%;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom .text03 span{
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin-top: 1.0rem;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom .text03 span{
		font-size: 1.0rem;
		line-height: 1.4rem;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom .b_box .application{
	width: 15.4rem;
	height: 2.8rem;
	border: .1rem solid #E60012;
	border-radius: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 2.0rem;
	margin-top: 2.4rem;
	transition: all .5s;
}
.contents02 .contents02_01 .event .e_inner .bottom .b_box .application:hover{
	border: 1px solid #E60012;
	background-color: #E60012;
	color: #fff;
}

.contents02 .contents02_01 .event .e_inner .bottom .qr{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 2.3rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .bottom .qr.toggle-box{
		margin-top: 0;
	}
	.contents02 .contents02_01 .event .e_inner .bottom .qr.toggle-box.active{
		margin-top: 2.0rem;
		margin-bottom: 1.0rem;
	}
}
.contents02 .contents02_01 .event .e_inner .bottom .qr img{
	width: 6.7rem;
	height: auto;
	display: block;
	margin-right: 1.1rem;
}
.contents02 .contents02_01 .event .e_inner .bottom .qr .text04{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .event .e_inner .close03{
		width: 100%;
		height: 3.0rem;
		border-top: .1rem solid #E60C11;
		text-align: center;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.contents02 .contents02_01 .event .e_inner .close03 p{
		font-size: 1.5rem;
		line-height: 2.5rem;
	}
	.contents02 .contents02_01 .event .e_inner .close03 img{
		width: 1.5rem;
		height: auto;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.0rem;
		margin: auto;
		transform: rotate(-180deg);
	}
	.contents02 .contents02_01 .event .e_inner .close03 img.active{
		transform: rotate(0deg);
	}

}
@media only screen and (max-width: 767px){
	.toggle-box {
	  max-height: 0;
	  opacity: 0;
	  overflow: hidden;
	  transition: 
	    max-height 0.4s ease,
	    opacity 0.3s ease;
	}

	/* 表示状態 */
	.toggle-box.active {
	  max-height: 80.0rem; /* ここは中身より少し大きめに */
	  opacity: 1;
	}
}	

/*contents03ここから*/
.contents03{
	width: 100%;
	height: auto;
	display: block;
	padding: 10.0rem 0;
	background-color: #835F48;
}
@media only screen and (max-width: 767px){
	.contents03{
		padding: 1.0rem;
	}
}
.contents03 .contents03_01{
	width: 116.6rem;
	height: auto;
	display: block;
	margin: 0 auto;
	background-color: #fff;
	padding: 6.0rem 4.4rem;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01{
		width: 100%;
		padding: 5.0rem 0 4.0rem;
	}
}
.contents03 .contents03_01 h3{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	gap: 1.0rem;
	margin-bottom: 1.0rem;
}
.contents03 .contents03_01 h3 .span01{
	font-size: 5.0rem;
	line-height: 5.0rem;
	color: #E60C11;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 h3 .span01{
		font-size: 3.0rem;
		line-height: 3.0rem;
	}
}
.contents03 .contents03_01 h3 .span02{
	margin-top: 2.5rem;
	font-size: 3.0rem;
	line-height: 3.5rem;
	text-align: center;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 h3 .span02{
		margin-top: 1.0rem;
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding: 0 2.0rem;
	}
}
.contents03 .contents03_01 .text05{
	margin: 1.0rem auto 0;
	font-size: 1.5rem;
	line-height: 2.6rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .text05{
		width: 100%;
		margin: 1.0rem auto 0;
		font-size: 1.3rem;
		line-height: 2.2rem;
		padding: 0 2.0rem;
	}
}








.popup_inc01{
  width: 100%;
  height: auto;
  display: block;
  margin-top: 5.1rem;
}
.popup_inc01 .popup_inc01_01{
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.9rem;
}
@media only screen and (max-width: 767px) {
  .popup_inc01 .popup_inc01_01{
    width: calc(100% - 6.0rem);
    margin: 0 auto;
    flex-wrap: wrap;
    gap: 1.2rem;
  }
}

/*サムネ（switch）を画像サムネとして扱う */
.popup_inc01 .popup_inc01_01 .popup_inc01_01_01.switch{
	width: 20.0rem;
	height: 20.0rem;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
@media only screen and (max-width: 767px){
	.popup_inc01 .popup_inc01_01 .popup_inc01_01_01.switch{
		width: calc(50% - .6rem);
		height: auto;
		aspect-ratio: 200 / 200; /* 横:縦 */
		
	}
}
.popup_inc01 .popup_inc01_01 .popup_inc01_01_01.switch img{
  width: 100%;
  height: auto;
  display: block;
  transition: opacity .3s;
  transition: all .5s;
}
.popup_inc01 .popup_inc01_01 .popup_inc01_01_01.switch:hover img{
  opacity: 0.8;
  transform: scale(1.1);
}

/*ポップアップ部分ここから*/
.popup_inc01_01_02{
  width: 100%;
  min-width: 128.0rem;
  height: auto;
  display: none; /* 初期は非表示 */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
@media only screen and (max-width: 767px){
  .popup_inc01_01_02{
    min-width: 32.0rem;
  }
}
.popup_inc01_01_02 .popup_inc01_01_02_01{
  width: 100%;
  height: 100%;
  padding: 10.0rem 0;
  margin: 0 auto;
  display: block;
  overflow-y: scroll;
}
@media only screen and (max-width: 767px){
  .popup_inc01_01_02 .popup_inc01_01_02_01{
    padding: 0;
  }
}
.popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01{
  width: 136.6rem;
  height: 76.8rem;
  padding: 5.0rem;
  margin: 0 auto;
  background-color: #835F48;
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px){
  .popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01{
    width: 100%;
    height: auto;
    padding: 2.0rem;
  }
}

/* ×ボタン */
.popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01 .popup-close-btn{
	width: 4.0rem;
	height: 4.0rem;
	z-index: 10;
	cursor: pointer;
	position: absolute;
	top: 10.0rem;
	right: 10.0rem;
	background-image: url(/valentinesday/2026/images/common/close.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}
@media only screen and (max-width: 767px){
	.popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01 .popup-close-btn{
		width: 2.0rem;
		height: 2.0rem;
		z-index: 10;
		cursor: pointer;
		position: absolute;
		top: 4.3rem;
		right: 4.0rem;
		background-image: url(/valentinesday/2026/images/common/close.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center;
	}
}
.popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01 .popup_inc01_01_02_01_01_01{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #ffffff;
	display: block;
	padding: 8.4rem 12.3rem;
}
@media only screen and (max-width: 767px){
	.popup_inc01_01_02 .popup_inc01_01_02_01 .popup_inc01_01_02_01_01 .popup_inc01_01_02_01_01_01{
		padding: 2.3rem 0 3.0rem;
	}
}

/* 背景の黒幕 */
.popup_inc01_01_02 .popup_inc01_01_02_02{
	width: 100%;
	height: 100%;
	/*background-color: rgba( 54, 54, 54, .95);*/
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	margin: auto;
}

/* ▼ スライド1枚分のレイアウト：画像＋テキスト横並び */
.popup-slide_inner {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 8.5rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_inner {
		flex-direction: column;
		gap: 2.8rem;
	}
}
.popup-slide_img {
	width: 50.0rem;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.popup-slide_img {
		width: 25.5rem;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}
.popup-slide_img img {
	width: 100%;
	height: auto;
	display: block;
}

.popup-slide_text {
	width: 41.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.popup-slide_text {
		width: 100%;
		padding: 0 3.6rem;
	}
}
.popup-slide_text .text_box01{
	width: 100%;
	height: auto;
	display: block;
	text-align: left;
}
.popup-slide_text .text_box01 .text06{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.popup-slide_inner .text06{
		width: 100%;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		gap: 1.0rem;
		padding: 0 1.9rem;
	}
}
.popup-slide_text .text_box01 .text06 .span01{
	font-size: 1.8rem;
	line-height: 2.0rem;
}
.popup-slide_text .text_box01 .text06 .span02{
	font-size: 1.8rem;
	line-height: 2.0rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_inner .text06 .span01,
	.popup-slide_inner .text06 .span02{
		font-size: 1.4rem;
		line-height: 2.0rem;
	}
}
.popup-slide_text .text_box01 .shop_name{
	width: 100%;
	font-size: 3.0rem;
	line-height: 3.5rem;
	margin: 7.2rem 0 2.0rem;
	padding-bottom: 2.0rem;
	border-bottom: .1rem solid #E60C11;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box01 .shop_name{
		width: 100%;
		font-size: 2.0rem;
		line-height: 2.4rem;
		margin: 0 0 1.0rem;
		padding-bottom: 1.0rem;
		border-bottom: .1rem solid #E60C11;
	}
}
.popup-slide_text .text_box01 .shop_name span{
	font-size: 2.0rem;
	line-height: 3.5rem;
	margin-top: .5rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box01 .shop_name span{
		font-size: 1.4rem;
		line-height: 1.8rem;
		/*margin-top: .5rem;*/
	}
}
.popup-slide_text .text_box01 .text07{
	font-size: 1.8rem;
	line-height: 2.6rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box01 .text07{
		font-size: 1.4rem;
		line-height: 2.0rem;
		margin-bottom: 2.0rem;
	}
}
.popup-slide_text .text_box02{
	width: 100%;
	height: auto;
	text-align: left;
}
.popup-slide_text .text_box02 h4{
	font-size: 1.7rem;
	line-height: 2.6rem;
	margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box02 h4{
		font-size: 1.6rem;
		line-height: 2.0rem;
		margin-bottom: 1.5rem;
	}
}
.popup-slide_text .text_box02 .text08{
	font-size: 1.5rem;
	line-height: 2.6rem;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box02 .text08{
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
}
.popup-slide_text .text_box02 .event_link{
	width: auto;
	height: auto;
	padding: 0 1.6rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
	text-align: center;
	border: .1rem solid #E60012;
	border-radius: 1.5rem;
	margin-top: 3.2rem;
	display: inline-block;
}
@media only screen and (max-width: 767px){
	.popup-slide_text .text_box02 .event_link{
		font-size: 1.4rem;
		line-height: 2.8rem;
		margin-top: 1.2rem;
	}
}


/* 背景スクロールロック用 */
body.is-fixed {
  overflow: hidden;
}
.slick-prev{
	left: -11.5rem;
	width: 3.5rem;
	height: 3.5rem;
}
@media only screen and (max-width: 767px){
	.slick-prev{
		width: 2.5rem;
		height: 2.5rem;
		left: -1.0rem;
		top: 18.0rem;
		z-index: 10;
	}
}
.slick-prev.slick-arrow::before{
	content:'';
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background-image: url(/valentinesday/2026/images/common/slick_arrow01.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.slick-prev.slick-arrow::before{
		width: 2.5rem;
		height: 2.5rem;
	}
}
.slick-prev.slick-disabled::before{
	opacity: 0;
	cursor: auto;
}
.slick-next{
	right: -11.5rem;
	width: 3.5rem;
	height: 3.5rem;
}
@media only screen and (max-width: 767px){
	.slick-next{
		width: 2.5rem;
		height: 2.5rem;
		right: -1.0rem;
		top: 18.0rem;
		z-index: 10;
	}
}
.slick-next::before{
	content:'';
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background-image: url(/valentinesday/2026/images/common/slick_arrow02.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.slick-next::before{
		width: 2.5rem;
		height: 2.5rem;
	}
}
.slick-next.slick-disabled::before{
	opacity: 0;
	cursor: auto;
}
/*popup_inc01ここまで*/

.slick-slide {
	margin: 0 .5rem;
}