@media screen and (min-width: 640px) {
  .header-top-right a {
    color: #004e2a;
    transition: 1s;
  }

  .has-child {
      color: #004e2a;
  }
}

.hamburger span {
  background-color: #004e2a;
}


.single-main {
  background-color: #fffef3;
  padding: 3% 0;
  font-family: "mestiza", serif;
	font-weight: 0;
	font-style: normal;
  margin-bottom: 30%;
}

.single-main h1 {
  font-size: min(calc(22px + 18 * (100vw - 320px)/1080), 40px);
  color: #333333;
  margin-bottom: 3%;
}


.single-article {
  width: 94%;
  padding: 3% 3% 0 3%;
  margin: 0 auto;
}

/* .single-eyecatch {
  width: 70%;
  margin: 0 auto;
	height: 100%;
}

.single-eyecatch-img {
  width: 100%;
	height: 100%;
} */

.single-bottom {	
  font-size: min(calc(10px + 10 * (100vw - 320px)/1080), 20px);
  margin-bottom: 5%;
}


.single-text p {
	text-align: justify;
  font-size: min(calc(15px + 3 * (100vw - 320px)/1080), 18px);
}

@media screen and (min-width: 640px) {
  .single-main {
    margin-bottom: 10%;
  }

  .single-article {
    width: 70%;
  }

	.single-bottom {
		margin: 0 auto;
		margin-bottom: 5%;
	}
}


/* パンくず */

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb {
  text-align: left;
  margin-top: 20%;
  margin-left: 2%;
  margin-bottom: 10%;
  width: 100%;
  font-size: min(calc(10px + 10 * (100vw - 320px)/1080), 20px);
}

@media screen and (min-width: 640px) {
  .breadcrumb {
    text-align: right;
    margin-top: 5%;
    margin-left: 0 !important;
    width: 95%;
    margin-bottom: 5%;
  }
}

@media screen and (max-width: 900px) {
  .breadcrumb {
    margin-bottom: 5%;
  }
}