@charset "UTF-8";

/* このHPはモバイル用として作成しています */


html {
font-size: 100px
}

body {
font-family: "trajan-pro-3", serif;
font-weight: 300;
font-style: normal;
color: #2a2730;
background-color: #AFB0B3;
}

a {
text-decoration: none;
}

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




ul{
  margin:0;
  padding: 0;
  list-style: none;
}

.wrapper{
  position: relative;
}

h1{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.5em;
  font-family: "trajan-pro-3", serif;
font-weight: 300;
font-style: normal;
}


.border{
	position: relative;
	font-size: 0.3rem;
    margin-bottom: 4%;
}

.border:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: solid 2px #3E3C41;
	animation: border_anim 12s linear forwards;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}



#menu {
font-size: 0.6rem;
width: 80%;
height: auto;
margin: 10% 10% 20% 10%;
background-color: #edd8c1;
padding: 10% 5%;
}

#menu p {
font-size: 1.2rem;
}

article {
margin: 20% 0%;
font-size: 0.9rem;
width: 100%;
height: auto;
}

article img {
width: 100%;
height: auto;
}

footer {
background-color: #3E3C41;
text-align: center;
padding: 10%;
width: 100%;
}

footer p {
font-size: 0.3rem;
color: #F1F1F3;
}