@charset "utf-8";
/* CSS Document */
header{
	background-color: #fff}
header h1{width:165px }
header h1 img{width:100%; 
	padding: 8px 4px;
	display: block;}

.hamburger {
  position: absolute;
  right: 20px;
  top: 10px;
  width: 50px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 50px;
  height: 3px;
  right: 0;
  background-color: #E65384;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 1px;
}

.hamburger__line--2 {
  top: 18px;
}

.hamburger__line--3 {
  top: 36px;
}


.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
}


.sp-nav {
  position: fixed;
  right: -100%; 
  top: 0;
  width: 70%; 
  height: 100vh;
  background-color: rgba(251,226,230,0.9);
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto; 
}


.open .sp-nav {
  right: 0;
}



.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}

header nav ul {
  padding: 45px 0;
}
header nav ul li {
	padding: 5px;
  margin: 35px 0;
} 
header nav ul li a{color:#747474;
	font-size: 25px;}

body{background-color: #FBE2E6}
h2{color: #fff;
   font-size:50px;
	 text-align: center;
	padding: 10px 0px;
}

main h3 {text-align:center;}

main p {text-align:center;} 

main h1 {text-align:center;}

.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
}
.post{color:#fff;
	font-size: 20px;
padding: 20px 0px;
background-color: #E65384}

footer{text-align: center;
padding: 10px;
}

.fb{text-align: center;}
.yt{text-align: center;}