@charset "UTF-8";
/* CSS Document */




/*告知用*/
/* ヒーロー画像 */
.hero-section picture {
  display: block;
  overflow: hidden; /* はみ出る部分を隠す */
}

.hero-section picture img.hero-img {
  width: 100%;
  max-width: 1400px;
  display: block;
  margin: 0 auto;

  /* 初期状態 */
  transform: scale(1.1);
  opacity: 0;
  transition: transform 1.5s ease-out, opacity 1.5s ease-out;
}

/* 読み込み後にフェードイン＆ズームイン */
.hero-section picture img.hero-img.loaded {
  transform: scale(1);
  opacity: 1;
}


/* 開催日テキスト */
.oshirase-text {
  max-width: 1400px;
  font-size: 1.5rem;
  line-height: 1.7; /* フォントサイズの1.7倍くらい */
  color: mediumvioletred;
  margin: 60px auto 120px auto; /* 上:60px, 左右:auto, 下:120px */
	font-family: "Yu Gothic", "游ゴシック体", "Meiryo", "メイリオ", sans-serif;
}


/* スマホ用 */
@media screen and (max-width: 768px) {
  .hero-text {
    font-size: 1.2rem;
    margin-top: 8px;
  }
	
	
/* 開催日テキスト */
.oshirase-text {
  font-size: 1.4rem;
  line-height: 1.6; 
  color: mediumvioletred;
  margin: 30px 20px 80px 20px; 
}

	
}