@charset "utf-8";

/* colors */
.greensprings-box {
	background-color: #A1B992;
}
.isetan-box {
	background-color: #DBD285;
}
.takashimaya-box {
	background-color: #C68080;
}
.akebono-box {
	background-color: #607F9B;
}
.handbell-box {
	background-color: #F4FBFF;
}

body {
	background-color: #FFFDE5;
}


/* snow */

.snow-container {
  position: relative;
	width: 100%;
	overflow:hidden;
}
.snow {
  background-color: #fff; /* 雪の色 */
  border-radius: 50%;
  position: absolute;
  animation: animate-snow 20s linear;
	pointer-events:none;
}
@keyframes animate-snow {
  0% {
    opacity: 0;
    top: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    top: 100%;
  }
}

/* PC ================================================== */
@media all and (min-width:960px){
	.wrap {
		width: 100%;
		height: 100%;
	}
	#l-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
	}
	.sidebar {
		height: 100vh;
		max-width: 300px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
		.sidebar-inner {
			width: 100%;
			height: 100vh;
			padding: 45px;
		}
		.logo-image {
			width: 100%;
			position: relative
		}
			.logo-image img {
				width: 100%;
			}
		.logo-image .year2023{
			position: absolute;
			top:170px;
			left: 165px;			
			width: 65%;
		}

			.nav-area {
				/* margin: 123px 0 0 ; */
				margin: 6vh 0 0;
				font-size: 16px;
				letter-spacing: 0.06em;
			}
				.nav-area li {
					margin-bottom: 0.5vh;
					font-weight: 600;
				}
					.nav-area a {
						display: inline-block;
						color: #0092E5;
						position: relative;
					}
					.nav-area a::after {
						content: '';
						position: absolute;
						bottom: -2px;
						left: 0;
						width: 100%;
						height: 1px;
						background:#0092E5;
						transition: all .3s;
						transform: scale(0, 1);
						transform-origin: left top;
					}
					.nav-area a:hover::after {
						transform: scale(1, 1);
					}
					.last-nav-item {
						font-size: 15px;
						line-height: 1.2;
						letter-spacing: 0.03em;
					}
			.sidebar-copy-area {
				/* margin-top: 151px; */
				position: absolute;
				bottom: 33px;
				color: #0092E5;
			}
			.sidebar-copy-area p {
				margin-top: 0px;
				font-size: 11px;
				font-weight: 600;
				letter-spacing: 0.06em;
			}

#day-main {
	width: 100%;
	padding-left: 300px
}
#day-main01 {
	width: 100%;
	padding-left: 0
}

	.main-inner {
		width: 100%;
		padding: 45px 0 0px;
	}
#day-sub {
	width: 100%;
	background: #FFFDE5;
	height: 80px;
	text-align:center;
}

	.sub-inner {
		width: 100%;
		padding: 45px 0 0px;
	}
	.top-visual-area {
		width: 100%;
		height: calc(100vh - 45px);
		position: relative;
	}
	.top-visual {
			max-width: 850px;
			height: 90vh;
			margin: 0px auto;
		}
		.top-visual img {
			width: 100%;
			height: 100%;
		}
	.map-visual {
			max-width: 850px;
			margin: 0px auto;
		}
	.map-visual img {
			width: 60%;
			height: 60%;
		}
	.map-visual p {
		    margin-top: 20px;
			font-size: 13px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
	.tatikita-visual {
			max-width: 850px;
			margin: 0px auto;
		}
	.tatikita-visual img {
			width: 100%;
			margin: 0px auto;
			padding: 30px;
			text-align:center;
		}
	.tatikita-visual p {
		    margin-top: 20px;
			font-size: 13px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
    .list {
      list-style-type: none;
      max-width: 850px;
      margin: 0px auto;
      padding: 0;
      text-align:center
		}
    .item01 {
      margin: 0px auto;
      float: left;
	  padding-left: -40px;
      width: calc(50% - 10px);
      text-align:center
    }
    .item02 {
      margin: 0px auto;
      float: left;
	  padding-left: 40px;
	  padding-top: 50px;
      width: calc(50% - 10px);
      text-align:center
    }
	.scrolldown {
		display: inline-block;
		position: absolute;
		right: 40px;
		bottom: 0;
		z-index: 2;
		overflow: hidden;
		padding: 10px 10px 110px;
		color: #0092E5;
		font-size: 10px;
		font-family: 'Josefin Sans', sans-serif;
		line-height: 1;
		letter-spacing: .1em;
		text-transform: uppercase;
		text-decoration: none;
		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		-o-writing-mode: vertical-rl;
	}
		.scrolldown::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 1px;
			height: 100px;
			background: #0092E5;
			animation: sdl 2s cubic-bezier(1, 0, 0, 1) infinite;
		}
		@keyframes sdl {
			0% {
				transform: scale(1, 0);
				transform-origin: 0 0;
			}
			30% {
				transform: scale(1, 1);
				transform-origin: 0 0;
			}
			70% {
				transform: scale(1, 1);
				transform-origin: 0 100%;
			}
			100% {
				transform: scale(1, 0);
				transform-origin: 0 100%;
			}
		}

		.main-txt {
			width: 583px;
			margin: 0px auto;
			margin-top: 160px;
			color: #0092E5;
		}
			.main-txt-ttl {
				font-size: 24px;
				font-weight: 600;
				margin-bottom: 40px;
				line-height: 1;

			}
			.main-txt p {
				font-size: 16px;
				font-weight: 600;
				line-height: 2.4;
				letter-spacing: 0.1em;
				font-feature-settings: "palt"
			}

			.contents-area {
				width: 100%;
				margin-top: 0px;
			}
				.contents {
					width: 100%;
					height: auto;
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					position: relative;
				}
				.contents:nth-of-type(2n) {
					flex-direction: row-reverse;
				}
					.contents-heading {
						width: 100%;
						height: 100%;
						display: flex;
						justify-content: flex-end;
						align-items: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.contents-akebono-heading {
						background-color: #607F9B;
					}
					.contents-greenspring-heading {
						background-color: #A1B992;
					}
					.contents-takashimaya-heading {
						background-color: #C68080;
					}
					.contents-isetan-heading {
						background-color: #DBD285;
					}
					.contents:nth-of-type(2n-1) .contents-heading::after {
						content: '';
						min-width: 250px;
						width: 33.34%;
						max-width: 440px;
						height: 100%;
						display: block;
					}
					.contents:nth-of-type(2n) .contents-heading::before {
						content: '';
						min-width: 250px;
						width: 33.34%;
						max-width: 440px;
						height: 100%;
						display: block;
					}
						.message-txt {
							flex: 1;
							padding-left: 5%;
							font-size: 20px;
							color: #FFFDE5;
							line-height: 1.5;
							font-weight: 600;
						}

					.contents-swiper {
						width: 100%;
						height: auto;
						pointer-events: none;
					}
						.contents-swiper .swiper-wrapper {
							width: 100%;
							height: auto;
						}
							.contents-swiper .swiper-wrapper .swiper-slide {
								height: auto;
							}
								.contents-swiper .swiper-wrapper .swiper-slide a {
									display: flex;
									justify-content: center;
									align-items: center;
									min-width: 250px;
									width: 33.34%;
									max-width: 440px;
									height: auto;
									padding: 20px 0px;
									margin: 0px 0px 0px auto;
									background-color: #ffffff;
									pointer-events: auto;
								}
								.contents:nth-of-type(2n) .contents-swiper .swiper-wrapper .swiper-slide a {
									margin: 0px auto 0px 0px;
								}
									.contents-swiper .swiper-wrapper .swiper-slide a img {
										width: 100%;
										height: auto;
									}
						.swiper-button-prev {
							width: 25px;
							height: 25px;
							bottom: 11px;
							right: 42px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-prev {
							left: 10px;
						}
						.swiper-button-next {
							width: 25px;
							height: 25px;
							bottom: 11px;
							right: 10px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-next {
							left: 42px;
						}
						.swiper-button-prev img,
						.swiper-button-next img {
							width: 100%;
							height: auto;
						}

	.event-area {
		width: 100%;
	}
		.event-box {
			width: 100%;
			padding: 37px 0px 45px;
			margin: 0 auto;
			color: #313A41;
			background-color: #F4FBFF;
		}
		.event-inner {
			width: 90%;
			max-width: 800px;
			margin: auto auto;
			display: flex;
			justify-content: space-between;
			align-items: stretch;
		}
			.event-contents {
				width: 62.5%;
				display: flex;
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;
			}
				.event-heading {
					width: 100%;
					max-width: 431.83px;
					height: auto;
					margin: 0px 0px 12px 0px;
				}
					.event-heading img {
						width: 100%;
						height: auto;
					}
				.event-txt {
					width: 100%;
					margin: 0px 0px auto;
					font-size: 16px;
					line-height: 1.0;
					letter-spacing: .06em;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					.event-txt small {
						font-size: 10px;
						margin-left: 14px;
						letter-spacing: 0em;
					}
				.event-links {
					width: 100%;
					margin: auto 0px 0px;
				}
					.event-links-item {
						width: 100%;
						margin-bottom: 8px;
						font-size: 14px;
						font-weight: 700;
						letter-spacing: .06em;
					}
					.event-links-item:last-of-type {
						margin-bottom: 0px;
					}
						.event-links-item a {
							display: inline-block;
							color: #0092E5;
							position: relative;
						}
						.event-links-item a::after {
							content: '';
							position: absolute;
							bottom: 2px;
							left: 0;
							width: 100%;
							height: 1px;
							background:#0092E5;
							transition: all .3s;
							transform: scale(0, 1);
							transform-origin: left top;
						}
						.event-links-item a:hover::after {
							transform: scale(1, 1);
						}

			.event-images {
				width: 37.5%;
			}
				.event-swiper {
					width: 100%;
					height: auto;
				}
					.event-swiper .swiper-slide {
						width: 100%;
						height: auto;
						background-color: #fff;
					}
						.event-swiper .swiper-slide img {
							width: 100%;
							height: auto;
						}


							.handbell-box {
			width: 100%;
			padding: 37px 0px 45px;
			margin: 0 auto;
			color: #313A41;
		}
		.handbell-inner {
			width: 90%;
			max-width: 800px;
			margin: auto auto;
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}
			.handbell-contents {
				width: 50%;
				margin-top: 50px;
				padding-right: 45px;
				position: relative;
			}
				.handbell-heading {
					width: 100%;
					height: auto;
					margin: auto auto 13px;
				}
					.handbell-heading img {
						width: 100%;
						height: auto;
					}
				.handbell-schedule {
					width: 245px;
					height: auto;
					margin-bottom: 20px;
				}
					.handbell-schedule img {
						width: 100%;
						height: auto;
					}
				.handbell-insta {
					width: 300px;
					height: auto;
					margin-bottom: 20px;
				}
					.handbell-insta img {
						width: 100%;
						height: auto;
					}
				.handbell-details_txt {
					width: 90%;
					height: auto;
					margin-bottom: 35px;
					font-size: 12px;
					font-weight: 500;
					line-height: 1.5;
					letter-spacing: 0.1em;
					text-align: justify;
					font-feature-settings: "palt";
				}
				.handbell-kitchen_car {
					width: 140px;
					height: auto;
					position: absolute;
					top: 29%;
					right: 45px;
				}
				.handbell-kitchen_car img {
						width: 100%;
						margin-top: 70px;
						margin-left: 50px;
						height: auto;
						transition: transform .6s ease;
					}
					.handbell-kitchen_car:hover img {
						transform: scale(1.1); /* 拡大 */
					}
					.handbell-kitchen_car a:hover {
						opacity: 0.7;
					}
	
				.handbell-pdflink {
					width: 100%;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					.handbell-pdflink p {
						font-size: 13px;
						font-weight: 800;
						letter-spacing: 0;
						margin-left: 50px;
					}
					.handbell-pdflink a {
						width: auto;
						height: 12px;
						margin-right: 5px;
						text-decoration: underline;
					}
						.handbell-pdflink a img {
							width: auto;
							height: 100%;
						}

			.handbell-images {
				width: 100%;
				margin-bottom: 30px;
				margin-left: -30px;
			}
				.handbell-swiper {
					width: 100%;
					height: auto;
				}
					.swiper-slide {
						width: 100%;
						height: auto;
						/*background-color: #fff;*/
					}
						.swiper-slide img {
							width: 100%;
							height: auto;
						}

			.storybook {
				width: 100%;
				padding: 19px 0px;
				background-color: #ffffff;
			}
				.storybook--inner {
					width: 64%;
					max-width: 550px;
					margin: auto auto;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
					.storybook-txt {
						font-size: 16px;
						letter-spacing: 0em;
					}
					.storybook-image {
						width: 205px;
						height: auto;
					}
						.storybook-image img {
							width: 100%;
							height: auto;
						}

			footer {
				width: 100%;
				height: 100px;
				background-color: #fff;
				color: #313A41;
			}
			 .footer-inner {
				 width: 100%;
				 height: 100%;
				 display: flex;
				 justify-content: center;
				 align-items: center;
			 }
			 .footer-inner small {
				 font-size: 10px;
			 }

.copy-area {
	width: 583px;
	display: block;
	text-align: left;
	padding: 0 0 0px;
	margin: 80px auto 0px;
	color: #0092E5;
}
	.copy-area-inner {
		display: inline-block;
		text-align: left;
	}
    .copy-area h1 {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.9em;
      white-space: nowrap;
      color: #0092E5;
    }
    .copy-area h2 {
      font-size: 20px;
      font-weight: 600;
      line-height: 80px;
      letter-spacing: 0.5em;
      color: #0092E5;
      text-align: center;
    }
		.copy-area p {
			margin-top: 0px;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 0.06em;
		}
		.year2023_n{position: absolute; bottom:100px; right:20px; width: 200px;}
			.year2023_n img{width: 100%;}

}

			.concertMain{background-color: #fff; }
				.concertMainIn{width: 90%; max-width: 1000px; margin: 120px auto 0; }
				.concertMainIn h2{font-size: 26px; line-height: 1.2; margin-bottom: 60px; text-align: center;}
					.concertMainIn dl{display: flex; font-size: 12px; margin-bottom: 6%; line-height: 1.7;}
					.concertMainIn dl dt{width: 30%; margin-right: 5%;}
										.concertMainIn dl dt img{width: 100%;}

					.concertMainIn dl dd{width: 100%;  letter-spacing: 0.01em; font-feature-settings: "palt"}
					.concertMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.concertMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alink{font-size: 12px; color: #191919; text-decoration: underline}
					
			.novelMain{background-color: #fff; }
				.novelMainIn{width: 90%; max-width: 550px; margin: 120px auto 0; }
				.novelMainIn h2{width:300px; line-height: 1.2; margin-bottom: 60px;}
					.novelMainIn h2 img{width:100%;}
				.novelMainIn p{font-size: 16px; line-height: 1.7; margin-bottom: 120px; font-feature-settings: "palt" 1}
				
				.NovelThumbBox{display: flex; }
					.novelMainIn dl{display: flex; font-size: 12px; margin-bottom: 6%; line-height: 1.7;}
					.novelMainIn dl dt{width: 80%; margin: 0 auto;}
						.novelMainIn dl dt img{width: 100%; }

					.novelMainIn dl dd{width: 55%;  letter-spacing: 0.001em;}
					.novelMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.novelMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alinkNovel{font-size: 12px; color: #191919; text-decoration: underline; margin-top: 60px; display: block}

}
@media screen and (max-height: 640px) {
#day-main {
	width: 100%;
}
#day-sub {
	width: 100%;
	background: #FFFDE5;
	height: 80px;
	text-align:center;
}
	.sidebar {
		height: 100vh;
		max-width: 260px;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
		.sidebar-inner {
			width: 100%;
			height: 100vh;
			padding: 45px 45px;
		}
		.logo-image {
			width: 80%;
			position: relative
		}
			.logo-image img {
				width: 100%;
			}
		.logo-image .year2023{
			position: absolute;
			top:170px;
			left: 165px;			
			width: 65%;
		}
			.nav-area {
				margin: 6vh 0 0;
				font-size: 14px;
				letter-spacing: 0.06em;
			}
				.nav-area li {
					margin-bottom: 1.1vh;
					font-weight: 600;
				}
					.nav-area a {
						display: inline-block;
						color: #0092E5;
						position: relative;
					}
					.nav-area a::after {
						content: '';
						position: absolute;
						bottom: -2px;
						left: 0;
						width: 100%;
						height: 1px;
						background:#0092E5;
						transition: all .3s;
						transform: scale(0, 1);
						transform-origin: left top;
					}
					.nav-area a:hover::after {
						transform: scale(1, 1);
					}
					.last-nav-item {
						font-size: 14px;
						line-height: 1.2;
						letter-spacing: 0.075em;
					}
			.sidebar-copy-area {
				position: absolute;
				bottom: 33px;
				color: #0092E5;
			}
			.sidebar-copy-area p {
				margin-top: 0px;
				font-size: 12px;
				font-weight: 600;
				letter-spacing: 0.01em;
			}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
	.wrap {
		width: 100%;
		height: 100%;
	}
	#l-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
	}


#day-main {
	width: 100%;
}
	.main-inner {
		width: 100%;
		margin: 0 auto;
	}
	.top-visual-area {
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: center;
		position: relative;
	}
	.top-visual {
			width: 80%;
			padding: 100px 0 0;
			margin: 0px auto;
		}
		.top-visual img {
			width: 100%;
			height: 100%;
		}

		.top-logo {
			width: 150px;
			position: absolute;
			top: 24px;
			left: 23px;
		}
		.top-logo img {
			width: 100%;
		}
	.map-visual {
			width: 80%;
			margin: 0px auto;
		}
		.map-visual img {
			width: 100%;
			height: 100%;
		}

		.map-logo {
			width: 150px;
			position: absolute;
			top: 24px;
			left: 23px;
		}
		.map-logo img {
			width: 100%;
		}
	.map-visual p {
		    margin-top: 20px;
			font-size: 13px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
	.tatikita-visual {
			max-width: 850px;
			margin: 0px auto;
		}
	.tatikita-visual img {
		    margin-top: -70px;
			width: 100%;
			margin: 0px auto;
			padding: 30px;
			text-align:center
		}
	.tatikita-visual p {
		    margin-top: 20px;
			font-size: 13px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
    .list {
      list-style-type: none;
      max-width: 1000px;
      margin: 0px auto;
      padding: 0;
      text-align:center
		}
    .item01 {
      margin: 0px auto;
	  margin-top: 30px;
	  margin-left: 50px;
      float: left;
	  padding-left: -20px;
      width: calc(45% - 10px);
      text-align:center
    }
    .item02 {
      margin: 0px auto;
      float: left;
	  padding-left: 40px;
	  padding-top: 30px;
      width: calc(45% - 10px);
      text-align:center
    }
	
		.copy-area {
			width: 80%;
			display: block;
			text-align: left;
			margin: 25px auto 0;
			color: #0092E5;
		}
		.copy-area-inner {
			display: inline-block;
			text-align: left;
		}
		.copy-area h1{
			font-size: 14px;
			font-weight: 600;
			letter-spacing: 1em;
			white-space: nowrap;
		}
		.copy-area h2{
			font-size: 14px;
			font-weight: 600;
            line-height: 80px;
			letter-spacing: 1em;
            text-align: center;
		}
		.copy-area h3{
			font-size: 10px;
			font-weight: 400;
			letter-spacing: 1em;
		}
		.copy-area p {
			margin-top: 0px;
			font-size: 14px;
			font-weight: 600;
			letter-spacing: 0.04em;
		}
		.main-txt {
			width: 80%;
			margin: 0px auto;
			margin-top: 120px;
			color: #0092E5;
		}
			.main-txt-ttl {
				font-size: 28px;
				font-weight: 600;
				margin-bottom: 60px;
			}
			.main-txt p {
				font-size: 18px;
				font-weight: 600;
				line-height: 2;
				letter-spacing: 0.1em;
				font-feature-settings: "palt"
			}

			.contents-area {
				width: 100%;
				margin-top: 0px;
			}
				.contents {
					width: 100%;
					height: auto;
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					position: relative;
				}
				.contents:nth-of-type(2n) {
					flex-direction: row-reverse;
				}
					.contents-heading {
						width: 100%;
						height: 100%;
						display: flex;
						justify-content: flex-end;
						align-items: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.contents-akebono-heading {
						background-color: #607F9B;
					}
					.contents-greenspring-heading {
						background-color: #A1B992;
					}
					.contents-takashimaya-heading {
						background-color: #C68080;
					}
					.contents-isetan-heading {
						background-color: #DBD285;
					}
					.contents:nth-of-type(2n-1) .contents-heading::after {
						content: '';
						min-width: 250px;
						width: 33.34%;
						max-width: 440px;
						height: 100%;
						display: block;
					}
					.contents:nth-of-type(2n) .contents-heading::before {
						content: '';
						min-width: 250px;
						width: 33.34%;
						max-width: 440px;
						height: 100%;
						display: block;
					}
						.message-txt {
							flex: 1;
							padding-left: 5%;
							font-size: 18px;
							color: #FFFDE5;
							line-height: 1.5;
							font-weight: 600;
						}

					.contents-swiper {
						width: 100%;
						height: auto;
						pointer-events: none;
					}
						.contents-swiper .swiper-wrapper {
							width: 100%;
							height: auto;
						}
							.contents-swiper .swiper-wrapper .swiper-slide {
								height: auto;
							}
								.contents-swiper .swiper-wrapper .swiper-slide a {
									display: flex;
									justify-content: center;
									align-items: center;
									min-width: 250px;
									width: 33.34%;
									max-width: 440px;
									height: auto;
									padding: 10px 0px;
									margin: 0px 0px 0px auto;
									background-color: #ffffff;
									pointer-events: auto;
								}
								.contents:nth-of-type(2n) .contents-swiper .swiper-wrapper .swiper-slide a {
									margin: 0px auto 0px 0px;
								}
									.contents-swiper .swiper-wrapper .swiper-slide a img {
										width: 100%;
										height: auto;
									}
						.swiper-button-prev {
							width: 25px;
							height: 25px;
							bottom: 11px;
							right: 42px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-prev {
							left: 10px;
						}
						.swiper-button-next {
							width: 25px;
							height: 25px;
							bottom: 11px;
							right: 10px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-next {
							left: 42px;
						}
						.swiper-button-prev img,
						.swiper-button-next img {
							width: 100%;
							height: auto;
						}

	.event-area {
		width: 100%;
	}
		.event-box {
			width: 100%;
			padding: 40px 0px 50px;
			margin: 0 auto;
			color: #313A41;
			background-color: #F4FBFF;
		}
		.event-inner {
			width: 80%;
			margin: auto auto;
		}
			.event-contents {
				width: 100%;
				margin: auto auto 33px;
				position: relative;
			}
				.event-heading {
					width: 100%;
					height: auto;
					margin: auto auto 15px;
				}
					.event-heading img {
						width: 100%;
						height: auto;
					}
				.event-txt {
					width: 100%;
					margin: auto auto 35px;
					font-size: 16px;
					line-height: 1.2;
				}
					.event-txt small {
						font-size: 10px;
						letter-spacing: 0em;
					}
				.event-links {
					width: 100%;
					margin: auto auto;
				}
					.event-links-item {
						width: 100%;
						margin-bottom: 8px;
						font-size: 14px;
						font-weight: 700;
						letter-spacing: .06em;
					}
					.event-links-item:last-of-type {
						margin-bottom: 0px;
					}
						.event-links-item a {
							color: #0092E5;
						}
			.event-images {
				width: 70%;
				margin: auto auto;
			}
				.event-swiper {
					width: 100%;
					height: auto;
				}
					.event-swiper .swiper-slide {
						width: 100%;
						height: auto;
						/*background-color: #fff;*/
					}
						.event-swiper .swiper-slide img {
							width: 100%;
							height: auto;
						}

			.storybook {
				width: 100%;
				padding: 19px 0px;
				background-color: #ffffff;
			}
				.storybook--inner {
					width: 70%;
					margin: auto auto;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
					.storybook-txt {
						font-size: 15px;
						letter-spacing: 0em;
					}
					.storybook-image {
						width: 205px;
						height: auto;
					}
						.storybook-image img {
							width: 100%;
							height: auto;
						}
						.handbell-box {
			width: 100%;
			padding: 40px 0px 50px;
			margin: 0 auto;
			color: #313A41;
		}
		.handbell-inner {
			width: 80%;
			margin: auto auto;
			margin-top: -30px;
		}
			.handbell-contents {
				width: 100%;
				margin: auto auto 33px;
				position: relative;
			}
				.handbell-heading {
					width: 100%;
					height: auto;
					margin: auto auto 13.5px;
				}
					.handbell-heading img {
						width: 100%;
						height: auto;
					}
				.handbell-schedule {
					width: 100%;
					height: auto;
					margin-bottom: 21px;
				}
					.handbell-schedule img {
						width: 60%;
						height: auto;
						margin-top: 50px;
						margin-right: 20px;
					}
				.handbell-insta {
					width: 100%;
					height: auto;
					margin-bottom: 21px;
				}
					.handbell-insta img {
						width: 60%;
						height: auto;
						margin-top: 20px;
					}
				.handbell-details_txt {
					width: 700px;
					height: auto;
					margin-left: -100px;
					margin-top: -100px;
					font-size: 14px;
					font-weight: 500;
					line-height: 1.6;
					letter-spacing: 0.1em;
					text-align: justify;
					font-feature-settings: "palt";
				}
				
				.handbell-kitchen_car {
					width: 140px;
					height: auto;
					position: absolute;
					top: 30%;
					right: 0;
				}
					.handbell-kitchen_car img {
						width: 100%;
						margin-top: 100px;
						margin-left: 40px;
						height: auto;
						transition: transform .6s ease;
					}
					.handbell-kitchen_car:hover img {
						transform: scale(1.1); /* 拡大 */
					}
					.handbell-kitchen_car a:hover {
						opacity: 0.7;
					}
				.handbell-pdflink {
					width: 100%;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					.handbell-pdflink p {
						font-size: 12px;
						font-weight: 700;
						letter-spacing: 0;
						margin-right: 22px;
					}
					.handbell-pdflink a {
						width: auto;
						height: 12px;
						margin-left: 40px;
						text-decoration: underline;
					}
						.handbell-pdflink a img {
							width: auto;
							height: 100%;
						}
			.handbell-images {
				width: 70%;
				margin: auto auto;
			}
				.handbell-swiper {
					width: 100%;
					height: auto;
				}
					.swiper-slide {
						width: 100%;
						height: auto;
						/*background-color: #fff;*/
					}
						.swiper-slide img {
							width: 100%;
							height: auto;
						}

			footer {
				width: 100%;
				height: 100px;
				background-color: #fff;
				color: #313A41;
			}
			 .footer-inner {
				 width: 100%;
				 height: 100%;
				 display: flex;
				 justify-content: center;
				 align-items: center;
			 }
			 .footer-inner small {
				 font-size: 10px;
			 }
			 			.concertMain{background-color: #fff; }
				.concertMainIn{width: 90%; max-width: 800px; margin: 150px auto 0; }
				.concertMainIn h2{font-size: 24px; line-height: 1.2; margin-bottom: 30px; text-align: center;}
					.concertMainIn dl{display: flex; font-size: 12px; margin-bottom: 6%}
					.concertMainIn dl dt{width: 30%; margin-right: 5%;}
										.concertMainIn dl dt img{width: 100%;}

					.concertMainIn dl dd{width: 100%;  letter-spacing: 0.01em; font-feature-settings: "palt"}
					.concertMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.concertMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alink{font-size: 12px; color: #191919; text-decoration: underline}
			.novelMain{background-color: #fff; }
				.novelMainIn{width: 90%; max-width: 700px; margin: 120px auto 0; }
				.novelMainIn h2{width:300px; line-height: 1.2; margin-bottom: 60px;}
					.novelMainIn h2 img{width:100%;}
				.novelMainIn p{font-size: 16px; line-height: 1.7; margin-bottom: 120px; font-feature-settings: "palt" 1}
				
				.NovelThumbBox{display: flex; }
					.novelMainIn dl{display: flex; font-size: 12px; margin-bottom: 6%; line-height: 1.7;}
					.novelMainIn dl dt{width: 80%; margin: 0 auto;}
						.novelMainIn dl dt img{width: 100%; }

					.novelMainIn dl dd{width: 55%;  letter-spacing: 0.001em;}
					.novelMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.novelMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alinkNovel{font-size: 12px; color: #191919; text-decoration: underline; margin-top: 60px; display: block}

}

/* SP ================================================== */
@media all and (max-width:559px){
	.wrap {
		width: 100%;
		height: 100%;
	}
	#l-wrapper {
		width: 100%;
		height: 100%;
		display: flex;
	}


#day-main {
	width: 100%;
}
	.main-inner {
		width: 100%;
		margin: 0 auto;
	}
#day-sub {
	width: 100%;
	height: 80px;
	background: #FFFDE5;
	text-align:center;
}
	.sub-inner {
		width: 100%;
		margin: 0 auto;
	}
	.top-visual-area {
		width: 100%;
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		display: flex;
		align-items: center;
		position: relative;
	}
	.top-visual {
			width: 80%;
			padding: 60px 0 0;
			margin: 0px auto;
		}
		.top-visual img {
			width: 100%;
		}

		.top-logo {
			width: 100px;
			position: absolute;
			top: 24px;
			left: 23px;
		}
		.top-logo img {
			width: 100%;
		}
		.top-logo .year2023{
			position: absolute;
			top:80px;
			left: 80px;			
			width: 70%;
		}
	.map-visual-area {
		width: 100%;
		min-height: 100vh;
		min-height: calc(var(--vh, 1vh) * 100);
		display: flex;
		align-items: center;
		position: relative;
	}
	.map-visual {
			width: 80%;
			padding: 60px 0 0;
			margin: 0px auto;
		}
		.map-visual img {
		    margin-top: -100px;
			width: 100%;
		}

		.map-logo {
			width: 100px;
			position: absolute;
			top: 24px;
			left: 23px;
		}
		.map-logo img {
			width: 100%;
		}
	.map-visual p {
		    margin-top: 10px;
			font-size: 12px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
	.tatikita-visual {
			max-width: 850px;
			margin: 0px auto;
		}
	.tatikita-visual img {
			width: 100%;
			margin: 0px auto;
			padding: 30px;
			text-align:center
		}
	.tatikita-visual p {
		    margin-top: 20px;
			font-size: 13px;
			line-height: 1.5;
			letter-spacing: 0.1em;
			font-feature-settings: "palt"
			}
    .list {
      list-style-type: none;
      max-width: 850px;
      margin: 0px auto;
      padding: 0;
      text-align:center
		}
    .item01 {
			width: 100%;
			margin: 0px auto;
			padding: 30px;
			text-align:center
		}
    .item02 {
			width: 100%;
			margin: 0px auto;
			padding: 30px;
			text-align:center
		}

	.copy-area {
			width: 70%;
			display: block;
			text-align: left;
			margin: 60px auto 0;
			color: #0092E5;
		}
		.copy-area-inner {
			display: inline-block;
			text-align: left;
		}
		.copy-area h1{
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 1.18em;
			white-space: nowrap;
		}
		.copy-area h2{
			font-size: 12px;
			font-weight: 600;
            line-height: 80px;
			letter-spacing: 0.5em;
            text-align: center;
		}
		.copy-area h3{
			font-size: 10px;
			font-weight: 400;
			letter-spacing: 1.18em;
			white-space: nowrap;
		}
		.copy-area p {
			margin-top: 0px;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 0.1em;
		}

		.main-txt {
			width: 70%;
			margin: 0px auto;
			margin-top: 60px;
			
			
			
			
			
			
			color: #0092E5;
		}
			.main-txt-ttl {
				margin-top: -50px;
				font-size: 20px;
				font-weight: 600;
				margin-bottom: 20px;
			}
			.main-txt p {
				font-size: 14px;
				font-weight: 600;
				line-height: 2.3;
				letter-spacing: 0.1em;
				font-feature-settings: "palt";}
			.contents-area {
				width: 100%;
				margin-top: 0px;
			}
				.contents {
					width: 100%;
					height: auto;
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					position: relative;
				}
				.contents:nth-of-type(2n) {
					flex-direction: row-reverse;
				}
					.contents-heading {
						width: 100%;
						height: 100%;
						display: flex;
						justify-content: flex-end;
						align-items: center;
						position: absolute;
						top: 0;
						left: 0;
					}
					.contents-akebono-heading {
						background-color: #607F9B;
					}
					.contents-greenspring-heading {
						background-color: #A1B992;
					}
					.contents-takashimaya-heading {
						background-color: #C68080;
					}
					.contents-isetan-heading {
						background-color: #DBD285;
					}
					.contents:nth-of-type(2n-1) .contents-heading::after {
						content: '';
						width: 50%;
						height: 100%;
						display: block;
					}
					.contents:nth-of-type(2n) .contents-heading::before {
						content: '';
						width: 48%;
						height: 100%;
						display: block;
					}
						.message-txt {
							flex: 1;
							padding-left: 5%;
							font-size: 12px;
							color: #FFFDE5;
							line-height: 1.5;
							font-weight: 600;
						}

					.contents-swiper {
						width: 100%;
						height: auto;
						pointer-events: none;
					}
						.contents-swiper .swiper-wrapper {
							width: 100%;
							height: auto;
						}
							.contents-swiper .swiper-wrapper .swiper-slide {
								height: auto;
							}
								.contents-swiper .swiper-wrapper .swiper-slide a {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 42%;
									height: auto;
									padding: 10px 0px;
									margin: 0px 0px 0px auto;
									background-color: #ffffff;
									pointer-events: auto;
								}
								.contents:nth-of-type(2n) .contents-swiper .swiper-wrapper .swiper-slide a {
									margin: 0px auto 0px 0px;
								}
									.contents-swiper .swiper-wrapper .swiper-slide a img {
										width: 100%;
										height: auto;
									}
						.swiper-button-prev {
							width: 20px;
							height: 20px;
							bottom: 10px;
							right: 35px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-prev {
							left: 10px;
						}
						.swiper-button-next {
							width: 20px;
							height: 20px;
							bottom: 10px;
							right: 10px;
							pointer-events: auto;
						}
						.contents:nth-of-type(2n) .swiper-button-next {
							left: 35px;
						}
						.swiper-button-prev img,
						.swiper-button-next img {
							width: 100%;
							height: auto;
						}

	.event-area {
		width: 100%;
	}
		.event-box {
			width: 100%;
			padding: 33px 0px 38px;
			margin: 0 auto;
			color: #313A41;
			background-color: #F4FBFF;
			overflow: hidden;
		}
		.event-inner {
			width: 88%;
			margin: auto auto;
		}
			.event-contents {
				width: 100%;
				margin: auto auto 33px;
				position: relative;
			}
				.event-heading {
					width: 100%;
					height: auto;
					margin: auto auto 15px;
				}
					.event-heading img {
						width: 100%;
						height: auto;
					}
				.event-txt {
					width: 100%;
					margin: auto auto 35px;
					font-size: 16px;
					line-height: 1.2;
				}
					.event-txt small {
						font-size: 10px;
						letter-spacing: 0em;
					}
				.event-links {
					width: 100%;
					margin: auto auto;
				}
					.event-links-item {
						width: 100%;
						margin-bottom: 8px;
						font-size: 14px;
						font-weight: 700;
						letter-spacing: .06em;
					}
					.event-links-item:last-of-type {
						margin-bottom: 0px;
					}
						.event-links-item a {
							color: #0092E5;
						}

			.event-images {
				width: 100%;
			}
				.event-swiper {
					width: 100%;
					height: auto;
				}
					.event-swiper .swiper-slide {
						width: 100%;
						height: auto;
						background-color: #fff;
					}
						.event-swiper .swiper-slide img {
							width: 100%;
							height: auto;
						}
							.handbell-box {
			width: 100%;
			padding: 50px 0px 30px;
			margin: 0 auto;
			color: #313A41;
			overflow: hidden
		}
		.handbell-inner {
			width: 90%;
			margin: auto auto;
		}
			.handbell-contents {
				width: 100%;
				margin: auto auto 33px;
				position: relative;
			}
				.handbell-heading {
					width: 100%;
					height: auto;
					margin: auto auto 13.5px;
				}
					.handbell-heading img {
						width: 100%;
						height: auto;
					}
				.handbell-schedule {
					width: 60%;
					height: auto;
					margin-top: 21px;
					margin-left: 30px;
				}
					.handbell-schedule img {
						width: 100%;
						height: auto;
					}
				.handbell-insta {
					width: 90%;
					height: auto;
					margin-top: 21px;
					margin-left: 10px;
				}
					.handbell-insta img {
						width: 100%;
						height: auto;
					}
				.handbell-details_txt {
					width: 90%;
					height: auto;
					margin-top: -70px;
					margin-left: 20px;
					font-size: 12px;
					font-weight: 500;
					line-height: 1.6;
					letter-spacing: 0.1em;
					text-align: justify;
					font-feature-settings: "palt";
				}
				.handbell-kitchen_car {
					width: 120px;
					height: auto;
					position: absolute;
					top: 25%;
					right: 0;
				}
					.handbell-kitchen_car img {
						width: 100%;
						margin-top: 70px;
						margin-left: 10px;
						height: auto;
						transition: transform .6s ease;
					}
					.handbell-kitchen_car:hover img {
						transform: scale(1.1); /* 拡大 */
					}
					.handbell-kitchen_car a:hover {
						opacity: 0.7;
					}
				.handbell-pdflink {
					width: 100%;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
					.handbell-pdflink p {
						font-size: 12px;
						font-weight: 700;
						letter-spacing: 0;
						margin-right: 22px;
					}
					.handbell-pdflink a {
						width: auto;
						height: 12px;
						margin-left: 40px;
					}
						.handbell-pdflink a img {
							width: auto;
							height: 100%;
						}
			.handbell-images {
				width: 100%;
			}
				.handbell-swiper {
					width: 100%;
					height: auto;
				}
					.swiper-slide {
						width: 100%;
						height: auto;
						/*background-color: #fff;*/
					}
						.swiper-slide img {
							width: 100%;
							height: auto;
						}

			.storybook {
				width: 100%;
				padding: 19px 0px 0px;
				background-color: #ffffff;
			}
				.storybook--inner {
					width: 90%;
					margin: auto auto;
					display: flex;
					justify-content: space-between;
					align-items: center;
				}
					.storybook-txt {
						font-size: 12px;
						letter-spacing: 0em;
						text-align: center;
					}
					.storybook-image {
						width: 103px;
						height: auto;
					}
						.storybook-image img {
							width: 100%;
							height: auto;
						}

			footer {
				width: 100%;
				height: 100px;
				background-color: #fff;
				color: #313A41;
			}
			 .footer-inner {
				 width: 100%;
				 height: 100%;
				 display: flex;
				 justify-content: center;
				 align-items: center;
			 }
			 .footer-inner small {
				 font-size: 10px;
			 }
			 .copyText{width: 30%; margin: 0 auto; position: absolute; right:6%; top:4%;}
				 .day_text_area img{width: 100%; margin: 0 auto;}
			.concertMain{background-color: #fff; }
			
				.concertMainIn{width: 84%; margin: 60px auto 0; }
				.concertMainIn h2{font-size: 24px; line-height: 1.2; margin-bottom: 30px; text-align: center;}
					.concertMainIn dl{display: block; font-size: 12px; margin-bottom: 18%; line-height: 1.4}
					.concertMainIn dl dt{width: 100%;}
										.concertMainIn dl dt img{width: 100%; margin-bottom: 5%}

					.concertMainIn dl dd{width: 100%;  letter-spacing: 0.01em; font-feature-settings: "palt"}
					.concertMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.concertMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alink{font-size: 12px; color: #191919; text-decoration: underline}
			.novelMain{background-color: #fff; }
				.novelMainIn{width: 80%; max-width: 700px; margin: 120px auto 0; }
				.novelMainIn h2{width:200px; line-height: 1.2; margin-bottom: 60px;}
					.novelMainIn h2 img{width:100%;}
				.novelMainIn p{font-size: 14px; line-height: 1.7; margin-bottom: 50px; font-feature-settings: "palt" 1;
}
				
				.NovelThumbBox{display: flex; }
					.novelMainIn dl{display: flex; font-size: 12px; margin-bottom: 6%; line-height: 1.7;}
					.novelMainIn dl dt{width: 84%; margin: 0 auto;}
						.novelMainIn dl dt img{width: 100%; }

					.novelMainIn dl dd{width: 55%;  letter-spacing: 0.001em;}
					.novelMainIn dl dd strong{display: block; margin-bottom: 10px;line-height: 1; font-size: 16px;}
					.novelMainIn dl dd strong span{display: inline-block; font-size: 12px; width: 90px;padding : 3px 0; background: #0092E5; line-height: 1; margin-left: 8px; color: #fff; text-align: center}
					.alinkNovel{font-size: 12px; color: #191919; text-decoration: underline; margin-top: 60px; display: block}

}