@charset "UTF-8";

/* ============================
   Single
=============================== */
h1.post-ttl {
    font-size: 1.25em;
}

#post .post-thumbnail {
  margin-right: calc(((100vw - 100%)/2)*-1);
}
#post .post-thumbnail figure {
  background-color: var(--l-gray);
  display: block;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
#post .post-thumbnail figure img {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 576px) {
	#post .post-thumbnail {
		margin-right: 0;
	}
	#post .post-thumbnail figure {
		padding-top: 56.25%;
	}
}


#post .detail {
	padding-top: 3.5em;
}
#post .post-thumbnail + .detail {
	padding-top: 1.5em;
}
#post .detail .dateBox {
	text-align: center;
	border: 1px solid var(--border1);
	margin-top: 1.5em;
	line-height: 1.5;
}
#post .detail .dateBox .date-ttl {
	display: block;
	background: var(--border1);
	padding: .5em .35em;
}
#post .detail .dateBox .dates {
	padding: 1em .75em;
}
#post .detail .dateBox .dates span {
	display: block;
}
#post .detail .dateBox .dates span * {
  display: inline-block;
}



#post .section__header .en_ttl {
	font-size: 1.846em;
}
@media (min-width: 576px) {
	#post .section__header .en_ttl {
		font-size: 2em;
	}
}

#post .box {
	border: 1px solid var(--border1);
	margin-top: 1.5em;
	line-height: 1.75;
}
#post .box .txtBox {
	padding: 1.5em;
}
#post .box .txtBox h4 {
	margin-bottom: .5em;
}
@media (max-width: 575px) {
	#post .box .txtBox h4 {
		font-size: 1.231em;
	}
}
@media (min-width: 576px) {
	#post .box .txtBox {
		padding: 1.5em 1.75em;
	}
}
@media (min-width: 992px) {
	#post .box .txtBox {
		padding: 2.5em 2.75em;
	}
}



#post .embed_codes iframe {
	vertical-align: middle;
}



#content-block .image {
	padding-top: 3em;
	padding-bottom: .75em;
}
#content-block .textarea {
	margin: 1.75em 0;
}
@media (max-width: 575px) {
	#content-block .img {
		width: 100vw;
		margin-left: calc(((100vw - 100%)/2)*-1);
	}
}




/* ==========================================================================
   Other
========================================================================== */
#other-post .section__header {
  margin-top: 2em;
  margin-bottom: 2.5em;
  text-align: center;
}
#other-post .section__header .en_ttl {
  line-height: 1;
}
#other-post .card {
  background: var(--white);
  margin-bottom: 3em;
}
#other-post .card .txtBox {
	padding: 1.5em 1.5em 2em;
}
#other-post .card .txtBox .post-ttl {
	margin-top: 0;
}
@media (min-width: 576px) {
	#other-post .card .imgBox figure {
		min-height: 100%;
	}
	#other-post .card .txtBox {
		padding: 1.5em 1.75em;
	}
}
@media (min-width: 992px) {
	#other-post .card .txtBox {
		padding: 2.5em 2.75em;
	}
}