@charset "UTF-8";

/*画像設定*/
.contents .size-full,
.contents .size-large,
.contents .size-medium,
.contents .size-thumbnail {
	max-width: 100%; height: auto
}

.contents .alignleft {
	float: left;
	margin: 0 10px 2.4rem 0;
}

.contents .aligncenter {
	margin: 0 auto 2.4rem;
	display: block;
}

.contents .alignright {
	float: right;
	margin: 0 0 2.4rem 10px;
}

.contents .wp-caption {
	margin-top: 20px;
}

.contents .wp-caption a {
	display: block;
}

.contents .wp-caption a:hover {
	border-bottom: none;
}

.contents .wp-caption img {
	vertical-align: bottom;
}

.contents .wp-caption-text {
	margin-top: 10px;
	text-align: center;
	font-size: 1.4rem;
}

/*リスト設定*/
.contents > ul,
.contents > ol {
	list-style-type: none;
	margin-top: 20px;
}

.contents > ul ul,
.contents > ul ol,
.contents > ol ul,
.contents > ol ol {
	margin-top: 0;
}

.contents > ol {
	counter-reset: number;
}

.contents > ul li:before {
	content: "・";
	position: absolute;
	left: 0;
}

.contents > ol li:before {
	counter-increment: number;
	content: counter(number)".";
	position: absolute;
	left: 0;
}

.contents > ul li,
.contents > ol li {
	position: relative;
	line-height: 1.5;
	padding: 10px 0 0 25px;
	font-size: 1.4rem;
}

/*整形済みテキスト*/
.contents pre {
	font-weight: 400;
	font-size: 1.8rem;
	margin-top: 20px;
	padding: 20px;
	background-color: #f2f2f2;
	border-left: solid 5px #191919;
	color: #7F7F7F;
	overflow: auto;
}

/*ライン*/
.contents hr {
	margin-top: 40px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #e5e5e5;
}

/*テーブル*/
.contents table {
	margin-top: 20px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	font-size: 1.4rem;
}

.contents table tr: nth-child(2n+1) {
	background: #F2F2F2;
}

.contents table th {
	padding: 10px;
	background: #323232;
	color: #fff;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;

}

.contents table td {
	padding: 10px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/*引用*/
blockquote {
	position: relative;
	color: #3f3f3f;
	margin-bottom: 20px;
	padding: 20px 20px 20px 70px;
	background-color: #f2f2f2;
	border-radius: 10px;
}

blockquote p {
	margin: 0;
}

blockquote:before {
	position: absolute;
	top: 10px;
	left: 20px;
	font-family: "icomoon";
	content: "\e909";
	font-size: 3rem;
	color: #d9d9d9;
}

/*枠線ボックス*/
.borderBox {
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.borderBox p {
	margin: 0;
}

/*二重線ボックス*/
.border2Box {
	border: 4px double #e5e5e5;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.border2Box p {
	margin: 0;
}

/*背景ボックス*/
.bgBox {
	background: #f2f2f2;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.bgBox p {
	margin: 0;
}

/*ペーパーボックス*/
.paperBox {
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f2f2f2;
	border-radius: 10px;
}

.paperBox p {
	margin: 0;
}

.paperBox:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	border-color: #d8d8d8 #ffffff #ffffff #d8d8d8;
	border-style: solid;
	border-width: 0 0 20px 20px;
}

/*太文字ボックス*/
.boldBox {
	border: 3px solid #191919;
	padding: 20px;
	margin-bottom: 20px;
	font-weight: 700;
	border-radius: 10px;
}

.boldBox p {
	margin: 0;
}

/*括弧ボックス*/
.bracketsBox {
	position: relative;
	padding: 20px;
	margin-bottom: 20px;
}

.bracketsBox p {
	margin: 0;
}

.bracketsBox:before,
.bracketsBox:after {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 30px;
	content: '';
}

.bracketsBox:before {
	top: 0;
	left: 0;
	border-top: solid 1px #191919;
	border-left: solid 1px #191919;
}

.bracketsBox:after {
	right: 0;
	bottom: 0;
	border-right: solid 1px #191919;
	border-bottom: solid 1px #191919;
}

/*はてなボックス*/
/*ビックリボックス*/
.questionBox,
.exclamationBox {
	position: relative;
	margin-bottom: 20px;
	padding: 20px 20px 20px 70px;
	border-radius: 10px;
}

.questionBox p,
.exclamationBox p {
	margin: 0;
}

.questionBox {
	background-color: #D9EFF7;
}

.exclamationBox {
	background-color: #F6E1DF;
}

.questionBox:before,
.exclamationBox:before {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 2rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
}

.questionBox:before {
	content: "?";
	background: #0096c8;
}

.exclamationBox:before {
	content: "!";
	background: #c53929;
}

/*ポイントボックス*/
.pointBox {
	position: relative;
	border: 2px solid #c53929;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.pointBox p {
	margin: 0;
}

.pointBox:before {
	content: "POINT";
	position: absolute;
	top: -15px;
	left: 15px;
	font-size: 1.6rem;
	font-weight: 700;
	background-color: #ffffff;
	color: #c53929;
	padding: 0 10px;
}

/*注釈*/
.asterisk {
	display: block;
	font-size: 1.3rem;
	color: #7f7f7f;
}

/*イエローマーカー*/
.markerYellow {
	background: linear-gradient(transparent 60%, #ffffbc 60%);
}

/*ピンクマーカー*/
.markerPink {
	background: linear-gradient(transparent 60%, #ffdfef 60%);
}

/*ブルーマーカー*/
.markerBlue {
	background: linear-gradient(transparent 60%, #cce5ff 60%);
}

/*YouTube*/
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin: 20px auto 0;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*管理画面投稿エディタ専用*/
body.mce-contents-body {
	background: #ffffff;
	padding: 25px!important;
	margin: 0!important;
}
/*追記です*/
section.contents img{
	border: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
	.wp-caption-text {
		font-size: 1.2rem;
	}

	.contents > ul li,
	.contents > ol li {
		font-size: 1.2rem;
	}

	.contents > pre {
		font-size: 1.2rem;
		padding: 15px;
	}

	.contents > table {
		font-size: 1.2rem;
	}

	blockquote {
		padding: 15px 15px 15px 55px;
	}

	blockquote:before {
		top: 5px;
		left: 15px;
		font-size: 2.5rem;
	}

	.questionBox,
	.exclamationBox {
		padding: 15px 15px 15px 55px;
	}

	.questionBox:before,
	.exclamationBox:before {
		top: 15px;
		left: 15px;
		font-size: 1.6rem;
		width: 25px;
		height: 25px;
		line-height: 25px;
	}

	/*管理画面投稿エディタ専用*/
	body.mce-contents-body {
		padding: 10px!important;
	}

}