@charset "utf-8";



/*

************************************************************************

* エディタ

* @copyright Revolme Inc.

************************************************************************

*/

.postBody

{

	font-size:var(--editor-font-size, 1.8rem);

	margin: 2em 0;

}



.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

{
	color: var(--color-link, #ff1859);
	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);

	}

}