@charset "utf-8";
/*
************************************************************************
* 共通レイアウト
* 
* ワイヤーレベルのレイアウト設定を行う。
* 
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
 基本
************************************************************************
*/
body
{
	min-width:1020px;
}

/*
************************************************************************
 構成
************************************************************************
*/
#wrapper
{
	z-index:0;
	overflow:hidden;
}

#header
{
	background-color:#1dba44;
}
#body
{
	z-index:-1;
}

/*
************************************************************************
 左メニュー内
************************************************************************
*/
#header-contents
{
}

/*
************************************************************************
 右コンテンツ内
************************************************************************
*/
#body-contents
{
}

/*
************************************************************************
 段落
************************************************************************
*/
.section
{
	display:block;
	width:100%;
}
.section::before,
.section::after
{
	content: ".";
	display: block;
	clear: both;
	float: none;
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow:hidden;
}
.section.margin::before
{
	margin-bottom:15px;
}
.section.margin::after
{
	margin-top:15px;
}
.section.margin-thin::before
{
	margin-bottom:15px;
}
.section.margin-thin::after
{
	margin-top:15px;
}

/* 行幅(基準幅) */
.section .row
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
}

/* 行幅(最大幅) */
.section .row.fill
{
	width:100%;
}

/* 列ラッパー */
.section .row::before,
.section .row::after
{
	content: ".";
	display: block;
	clear: both;
	float: none;
	height: 0px;
	width: 0px;
	visibility: hidden;
	overflow:hidden;
}
.section .row.margin
{
	margin-bottom:15px;
	margin-top:15px;
}
.section .row.margin-top
{
	margin-top:15px;
}
.section .row.margin-bottom
{
	margin-bottom:15px;
}

.section .row.margin-thin
{
	margin-bottom:15px;
	margin-top:15px;
}
.section .row.margin-thin-top
{
	margin-top:15px;
}
.section .row.margin-thin-bottom
{
	margin-bottom:15px;
}

/*
************************************************************************
 フッター
************************************************************************
*/
footer
{
}

/* ################################################################################################ */
/* ## 中型                       ################################################################## */
/* ################################################################################################ */
@media screen and (max-width: 1400px) {
	#header
	{
		position:relative;
		width:100%;
		height:auto;
	}
	#header .main-menu
	{
		display:none;
	}
	#body
	{
		margin-left:0px;
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {
	body
	{
		min-width:320px;
	}
	/*
	************************************************************************
	 段落
	************************************************************************
	*/
	.section
	{
	}
	.section > .row
	{
		width:100%;
		padding-left:1.5125vw;
		padding-right:1.5125vw;
	}
	.section > .row.fill
	{
		width:100%;
		padding-left:0vw;
		padding-right:0vw;
	}
	.section.margin::before
	{
		margin-bottom:5vw;
	}
	.section.margin::after
	{
		margin-top:5vw;
	}
	.section.margin-thin::before
	{
		margin-bottom:5vw;
	}
	.section.margin-thin::after
	{
		margin-top:5vw;
	}
	.section > .row.margin
	{
		margin-bottom:5vw;
		margin-top:5vw;
	}
	.section > .row.margin-top
	{
		margin-top:5vw;
	}
	.section > .row.margin-bottom
	{
		margin-bottom:5vw;
	}

	.section > .row.margin-thin
	{
		margin-bottom:5vw;
		margin-top:5vw;
	}
	.section > .row.margin-thin-top
	{
		margin-top:5vw;
	}
	.section > .row.margin-thin-bottom
	{
		margin-bottom:5vw;
	}
}