@charset "utf-8";

/*
************************************************************************
* エディタ
* @copyright Revolme Inc.
************************************************************************
*/
.postBody
{
	font-size:var(--base-font-size, 1.4rem);
}

.postBody p.editor
{
	margin:0;
	padding:0;
}

.postBody h2.editor
{
	padding:0.3em 0.5em;
	margin-bottom:0.8em;
	
	line-height:1.4;
	font-size:1.4em;
	font-weight:bold;

	border-left:0.30em solid var(--body-icon-color, #CCCCCC);
	border-bottom:1px solid var(--body-border-color, #CCCCCC);
	
	/* background-color: #ECECEC; */
	/*
	background-color: transparent;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, var(--body-icon-color-light, rgba(128,128,128, 0.25))), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, var(--body-icon-color-light, rgba(128,128,128, 0.25))),color-stop(.75, var(--body-icon-color-light, rgba(128,128,128, 0.25))), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
	*/
}
.postBody h3.editor
{
	margin-bottom:0.5em;
	
	line-height:1.4;
	font-size:1.2em;
	font-weight:bold;
}

.postBody img
{
	display:block;
	margin:0 auto;
	max-width:80%;
	height:auto;
}
.postBody code
{
	white-space:pre-wrap;
	padding:0.5em;
	background-color:rgba(128,128,128,0.05);
	border:1px dashed #DDDDDD;
	
	display:block;
	
	margin:0.5em auto;
}
.postBody a
{
	text-decoration: underline;
}
.postBody a:hover
{
	text-decoration: none;
}


/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {

	
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.postBody
	{
		font-size:var(--base-font-size-sp, 2.0rem);
	}
}