@charset "UTF-8";
/* CSS Document */
.postDoc {
	width: 100%;
}
.postDoc * {
	margin: 10px auto 10px;
}
.postDoc>* {
	font-size: 1.8rem;
	font-weight: 300;
	color: #444;
	margin: 20px auto 40px;
}
.postDoc>p {
	line-height: 2;
	letter-spacing: 1px;
	margin: 10px auto 40px;
	width: 100%;
}
.postDoc p strong {
	font-weight: bold;
}
.postDoc a {
	color: #9ac717;
	text-decoration: underline;
	font-weight: bold;
}
.postDoc figure img {
	width: 100%;
}
.postDoc .wp-block-image .aligncenter {
	width: 100%;
}
.postDoc figure figcaption {
	text-align: center;
	margin-bottom: 0;
}
.postDoc figure table{
	width: 90%;
	margin: 0 auto 30px;
}
.postDoc figure table td {
	padding: 15px 10px;
	border: 1px solid #9ac717;
	line-height: 1.4;
}
.postDoc h2,.postDoc h3,.postDoc h4 {
	clear: both;
	letter-spacing: 2px;
	margin-bottom: 15px;
	width: 100%;
}
.postDoc h2 {
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	background: #fff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #9ac717;
	margin-top: 60px;
}
.postDoc h2::before {
  position: absolute;
  padding: 0em;
  color: #fff;
  font-weight: normal;
  left: -1.5em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.postDoc h3 {
	position: relative;
	font-size: 2.2rem;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	border: 1px dotted #ccc;
	line-height: 1.7;
	margin-top: 60px;
}
.postDoc h3::before {
	position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
	font-weight: normal;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #9ac717;
  border-radius: 4px;
}
.postDoc h4 {
  position: relative;
  color: #fefefe;
  background: #9ac717;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
	margin-top: 60px;
	font-weight: bold;
}
.postDoc h4:before {
  content: "●";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
	font-weight: normal;
}
.postDoc>ul {
	margin: 20px 0;
	padding: 2%;
	border-radius: 15px;
	border: 2px dotted #9ac717;
}
.postDoc>ul>li>ul {
	border: none;
}
.postDoc >ul >li::before {
  content: "・";
	margin-right: 10px;
	font-weight: bold;
	color: #9ac717;
}
.postDoc >ul> li >ul >li::before {
  font-family:  FontAwesome;
  content: "\f0da";
	margin-right: 10px;
	font-weight: bold;
	color: #DF527D;
}
.postDoc ol ul ,.postDoc ul ol,.postDoc ol ol{
	border: 2px dotted #ccc;
	padding: 10px;
	margin-bottom: 20px;
}
.postDoc ul li {
	line-height: 1.8;
	letter-spacing: 2px;
	margin-left: 30px;
	margin-bottom: 10px;
	text-decoration: none;
}
.postDoc ol {
	width: 90%;
	margin: 0 auto;
	list-style: none;
	counter-reset:ol-item;
	margin-bottom: 30px;
}
.postDoc ol>li {
	line-height: 2;
	margin-bottom: 10px;
}
.postDoc>ol>li::before {
	counter-increment: ol-item; 
  content: counter(ol-item);
	margin-right: 10px;
	padding: 3px 5px;
	color: #fff;
	font-weight: bold;
	background-color: #1eaa39;
}
.postDoc .wp-block-quote.is-style-large {
	border-left: 3px solid #aaa;
}
.postDoc .wp-block-quote.is-style-large p {
	font-size: 18px;
}
.postDoc .wp-block-group {
	padding: 3%;
	border: 1px dotted #ccc;
	border-radius: 10px;
}
.postDoc .wp-block-group .wp-block-group__inner-container>* {
	margin-top: 0;
}
.postDoc .wp-block-group::after {
	content: '';
	display: block;
	clear: both;
}
.postDoc .wp-block-pullquote.is-style-default {
	padding: 20px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.postDoc .wp-block-pullquote.is-style-default p {
	font-size: 18px;
}
.postDoc .wp-block-cover p {
	font-size: 4rem;
}
.postDoc .wp-block-quote {
	padding: 2%;
	border: 1px solid #ccc;
}
.postDoc .wp-block-button {
	display: inline-block;
	margin: 15px;
}
.postDoc .wp-block-button .wp-block-button__link {
	padding: 10px;
	border-radius: 10px;
}
.postDoc .wp-block-group__inner-container>.wp-block-image {
	margin-bottom: 0;
}
.postDoc .wp-block-image {
	margin-bottom: 60px;
}
.postDoc .wp-block-columns {
	padding: 2%;
	border: 1px solid #ccc;
}
.postDoc .wp-block-columns .wp-block-image {
	margin-bottom: 0;
}
.js-item-image {
	width: auto;
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a.easyLink-info-btn-amazon {
	background: #ff9900;
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a.easyLink-info-btn-yahoo {
	background: #410093;
}
div.easyLink-box div.easyLink-info p.easyLink-info-btn a.easyLink-info-btn-rakuten {
	background: #bf0000;
}