/*
Theme Name: 小千谷煙火2
*/



/* 使用フォント */
:root {
  --NotoSans: "Noto Sans JP", sans-serif;
  --NotoSerif: "Noto Serif JP", serif;
}


body {
  min-height: 100vh;
  /* font-family: var(--NotoSerif); */
  font-family: var(--NotoSerif);
  position: relative;
  overflow-x: hidden;
  background-color: #0a0a0a;
}

html {
  font-size: min(calc(10 / 1280 * 100vw),10px);
  color: black;
  background-color: #1a1a1a;
}

img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}

/*fade表示関連*/

.fade_in {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_up {
  transform: translateY(2vw);
  opacity: 0;
  transition: all 1.2s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_in.show {
  opacity: 1;
}

.fade_up.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.contents_wrapper{
  max-width: 128rem;
  margin: 0 auto;
  /* padding: 5rem 0 10rem; */
  position: relative;
}


/* 下層ヘッダー */
.page_header{
  height: 50rem;
  background-image: url('img/549896779_1467107587767771_3696902710016117272_n.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.page_title{
  font-size: 4rem;
  color: #fff;
  margin: 0rem 0 6rem;
  padding: 5rem 5rem 0;
}

@media screen and (max-width: 699.98px) {
  html {
    font-size: calc(10 / 375 * 100vw);
    /* 画面幅375pxで10px*/
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }


  .page_header{
    height: 40rem;
  }

  .page_title{
    font-size: 3rem;
    padding: 0 1.5rem;
  }


}