@charset "utf-8";

/*
************************************************************************
* 文章レイアウト
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.block
{
	/*width:50%;*/
}
.block-1 {width:10%;}
.block-2 {width:20%;}
.block-3 {width:30%;}
.block-4 {width:40%;}
.block-5 {width:50%;}
.block-6 {width:60%;}
.block-7 {width:70%;}
.block-8 {width:80%;}
.block-9 {width:90%;}
.block-10{width:100%;}

.block.block-left
{
	float:left;
	padding-right:1.5em;
}
.block.block-right
{
	float:right;
	padding-left:1.5em;
}
.block.block-post
{
	width:calc(100% - 320px);
}
.block.block-attr
{
	width:320px;
}


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

}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.block,
	.block.block-post,
	.block.block-attr
	{
		width:100%;
	}
	.block.block-left
	{
		float:none;
		padding:0;

		margin-bottom:1em;
	}
	.block.block-right
	{
		float:none;
		padding:0;

		margin-bottom:1em;
	}
	.block.block-post
	{
		margin-bottom:3em;
	}
}