@charset "UTF-8";
/* CSS Document */

/* !pageheader
---------------------------------------------------------- */
.pageheader-single {
	background: #f2f2f2;
}
.pageheader-archive {
	height: 250px;
	background: #f2f2f2;
}
@media screen and (max-width: 750px) {
.pageheader-single,
.pageheader-archive {
	height: auto;
}
.pageheader-single h2,
.pageheader-archive h2 {
	font-size: 2.4rem;
	height: auto;
	padding: 38px 0;
	position: static;
}
}

/* !post common
---------------------------------------------------------- */
.post-archive .wrap,
.post-single .wrap {
	width: 1000px;
}
.post-archive__txtblock__title,
.post-single__txtblock__title {
  font-size: 3.0rem;
  font-weight: 500;
  margin: 0 0 35px;
  position: relative;	
}
.post-archive__txtblock__title::after,
.post-single__txtblock__title::after {
  content: "";
  width: 75px;
  height: 3px;
  background: #c37d55;
  position: absolute;
  bottom: -20px;
  left: 0;
}
.post-archive__txtblock__date,
.post-single__txtblock__date {
	font-size: 1.25rem;
}
.post-archive__txtblock__text,
.post-single__txtblock__text {
	margin: 45px 0 15px;
}
.post-archive__txtblock__text p,
.post-single__txtblock__text p {
	margin: 0 0 15px;
}
.post-archive__txtblock__text img,
.post-single__txtblock__text img {
	width: auto;
	max-width: 100%;
	margin: 15px 0;
}
.post-archive__block .btn__contents,
.post-single__block .btn__contents {
  width: 350px;
  margin: auto;
}

/* !post-archive
---------------------------------------------------------- */
.post-archive__block {
	margin: 0 0 100px;
	padding: 0 0 100px;
	border-bottom: solid 1px #ccc;
}
.post-archive__txtblock {
	margin: 0 0 60px;
}

/* !post-single
---------------------------------------------------------- */
.post-single__block {
	margin: 0 0 100px;
}
.post-single__txtblock {
	margin: 0 0 100px;
}


@media screen and (max-width: 750px) {
.post-archive .wrap,
.post-single .wrap {
	width: auto;
}
.post-archive__block {
	margin: 0 0 60px;
	padding: 0 0 60px;
}
.post-single__block {
	margin: 0 0 60px;
}
.post-archive__txtblock,
.post-single__txtblock {
	margin: 0 0 45px;
}
.post-archive__txtblock__text,
.post-single__txtblock__text {
	margin: 30px 0 0;
}
.post-archive__txtblock__title,
.post-single__txtblock__title {
  font-size: 2.0rem;
}
.post-archive__txtblock__text img,
.post-single__txtblock__text img {
	width: 100%;
	max-width: 100%;
}
.post-archive__block .btn__contents,
.post-single__block .btn__contents {
  width: auto;
}
}