/*
 Theme Name:   baton-child
 Template:     batonhairbody
*/
h1 {
  font-family: 'IBM Plex Sans:wght@600', sans-serif;
}
h2 {
  font-family: 'Roboto Flex:wght@900', sans-serif;
}
p {
  font-family: 'Noto Sans JP:wght@100', sans-serif;
	font-weight: lighter;
}
a {
  font-family: 'IBM Plex Sans:wght@600', sans-serif;
}
/* 画像の下の影 */
.img4 {
  position: relative;
  display: inline-block;
}

.img4::before {
  content: "";
  position: absolute;
  top: -21%;
  left: 14%;
  width: 67%;
  height: 130%;
  background: -webkit-linear-gradient(130deg, rgba(255, 255, 255, .5), rgba(220, 2, 220, .5), rgba(192, 192, 192, .5), rgba(128, 128, 128, .5)) #fff;
  background: linear-gradient(-40deg, rgba(248, 248, 255, .5), rgba(211, 211, 211, .5), rgba(245, 245, 245, .5), rgba(129, 144, 57, .2)) #fff;
  z-index: -1;
}
.img2 {
  position: relative;
  display: inline-block;
}

.img2::before {
  content: "";
  position: absolute;
  top: 70%;
  left: 8%;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(130deg, rgba(255, 255, 255, .5), rgba(220, 2, 220, .5), rgba(192, 192, 192, .5), rgba(128, 128, 128, .5)) #fff;
  background: linear-gradient(-40deg, rgba(248, 248, 255, .5), rgba(211, 211, 211, .5), rgba(245, 245, 245, .5), rgba(129, 144, 57, .2)) #fff;
  z-index: -1;
}
.img3 {
  position: relative;
  display: inline-block;
}

.img3::before {
  content: "";
  position: absolute;
  top: 70%;
  right: 10%;
  width: 100%;
  height: 50%;
  background: -webkit-linear-gradient(130deg, rgba(255, 255, 255, .5), rgba(220, 2, 220, .5), rgba(192, 192, 192, .5), rgba(128, 128, 128, .5)) #fff;
  background: linear-gradient(-40deg, rgba(248, 248, 255, .5), rgba(211, 211, 211, .5), rgba(245, 245, 245, .5), rgba(129, 144, 57, .2)) #fff;
  z-index: -1;
}
/* ハンバーガーメニューの色 */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(50,50,50,0.4);
    color: #fff;
}