@charset "UTF-8";

/* ==========================================================================
   記憶汚染展・恐怖心展
   ========================================================================== */
.vsp{display: none;}
.vpc{display: block;}

/*フォント*/
.new-tegomin-regular {
  font-family: "New Tegomin", serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.shippori-mincho-medium {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

#event {
  background-color: #f1eee5;
  color: #333;
  font-family:"Zen Kaku Gothic New","Meiryo", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
}

#event .box > div{  max-width: 1200px;margin: 0 auto;}

#event *, 
#event *::before, 
#event *::after {
  box-sizing: border-box;
}

#event img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

#event a {
  color: inherit;
  text-decoration: none;
}



/* 共通ブロック（余白設定） */
#event .box {
  width: 100%;
/*  margin-bottom: 3rem;*/
}

/* 共通ホバー */
#event .hover_zoom {
  overflow: hidden;
  display: block;
}
#event .hover_zoom img {
  transition: transform 0.6s ease;
  display: block;
  width: 100%;
}
#event .hover_zoom:hover img {
  transform: scale(1.04);
}

/* 見出しスタイル */
#event .catch01 {
/*  font-family:"New Tegomin", serif;*/
  font-family:"Shippori Mincho","Yu Mincho", serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  padding:2rem;
 text-align: center;
	line-height: 1.6;
}
#event .catch01 span{
    font-size: clamp(1rem, 2vw, 1.5rem);
	display: block;
}

#event .catch02 {
  font-family:"New Tegomin", serif;
/*  font-family:"Shippori Mincho","Yu Mincho", serif;*/
  font-size: clamp(1.2rem, 2vw, 1.35rem);
  font-weight: 800;
  padding: 1em 0;
 text-align: center;	
}
#event .catch02 span{
    font-size: clamp(1.5rem, 3vw, 2rem);
	display: block;
}

/* fadein
---------------------------------*/
.scrollin { opacity: 0; transition: all .4s ease; }
.scrollin.show { opacity: 1; transform: none; }
.scr_lr { transform: translate(-1rem, 0); }
.scr_rl { transform: translate(1rem, 0); }
.scr_fadein { transform: translate(0, 0px); }
.scr_up { transform: translate(0, 1rem); transition: 0.8s 0s ease; }
.scr_down { transform: translate(0, -1rem); }
.scr_scaleUp { transform: scale(.5); }
.scr_scaleDown { transform: scale(1.5); }
.scr_rotateL { transform: rotate(1rem); }
.scr_rotateR { transform: rotate(1rem); }

.scr_up_slow { transform: translate(0, 1rem); transition: 1.5s 0s ease; }
.delay01{transition-delay: 0.2s;}
.delay02{transition-delay: 0.4s;}
.delay03{transition-delay: 0.6s;}
.delay04{transition-delay: 0.8s;}
.delay05{transition-delay: 1.0s;}

/* --------------------------------------------------------------------------
   ヘッダー
   -------------------------------------------------------------------------- */
#event .event_header{
padding-top: 1rem;
}

/* --------------------------------------------------------------------------
   キャッチ
   -------------------------------------------------------------------------- */
#event #wrap{
  font-family:/*"New Tegomin",*/"Shippori Mincho","Yu Mincho", serif;
	display: flex;

	gap:1rem;
	max-width: 1600px;margin: 0 auto 1rem;
}
#event #wrap .kyoufu,
#event #wrap .kioku{
		flex:1 0 calc(50% - 1rem);
/*	width: 100%;*/
	padding:clamp(1rem,2vw,2rem) ;
/*padding-bottom: 3rem;*/
padding: 5rem;
}
#event #wrap .kyoufu p,
#event #wrap .kioku p{
	line-height: 1.8;
	margin-bottom: 1.5em;
}	
#event #wrap .kyoufu{
	background-color: #fafaf7;

}

#event #wrap .kioku{
	background-color: #000;
	color: #eee;

}
/* --------------------------------------------------------------------------
   フッター
   -------------------------------------------------------------------------- */
#event .event_footer{
background-color: #000;
color: #eee;
padding: 3rem 0;
}

@media screen and (max-width: 768px) {
.vsp{display: block;}
.vpc{display: none;}
	
	#event #wrap{flex-direction: column;}
}