@charset "utf-8";
/*	◆ CSS Document ◆
こちらは各項目に対するCSS設定用のCSSです。
ベースになるコード、:rootで変数にしたもの、よく使う項目の設定はbase-rem-normal.cssにあります。
使いまわせるコンポーネントのベースはcompornent.cssにあります。
 */


/*--------------------------------------------------
	MV
--------------------------------------------------*/
/* テスト */
#mv{
  margin-block: 5rem var(--space-2xl);
}
h1 img{
  display: block;
}

@media (max-width:768px) {


}

/*--------------------------------------------------
	Main
--------------------------------------------------*/
.flex_center{
	gap: .25rem .5rem;
}

.info_wrap{
  text-align: center;
}
.info_text{
  font-size: 1.5rem;
  font-weight: bold;
}

.budokan_photo{
  background-image: url(../images/photo_budokan.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 41.4375rem;
  margin-block: 5rem;
}

#movie p{
  text-align: center;
  font-size: 2rem;
}
#movie .flex_center{
	gap: 5rem;
}


@media (max-width:768px) {
  .info_text{
    font-size: 1rem;
  }
  .w50{
    width: 50%;
  }
  .w90{
    width: 90%;
  }
  .budokan_photo{
    height: 12rem;
    margin-block: 1rem;
  }
  #movie p{
    font-size: 1.2rem;
  }
  #movie .flex_center{
    gap: 2.5rem;
  }
  #movie .flex_center img{
    width: 3rem;
  }
}


/*--------------------------------------------------
	Footer
--------------------------------------------------*/
footer{
  margin-top: var(--space-2xl);
}
footer #logo{
  background: var(--color-accent);
  padding-block: var(--space-xl);
}
#logo .flex_center{
	gap: 3rem;
}
#copy{
  margin-block: var(--space-lg);
  text-align: center;
}

@media (max-width:768px) {
  #logo .flex_center{
    gap: 1.5rem;
  }
  #copy p{
    font-size: .8rem;
  }
}