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

br.m{display:none;}br.s{display:none;}br.l{display:block;}
@media screen and (max-width: 1400px) {br.l{display:none;}br.s{display:none;}br.m{display:block;}}
@media screen and (max-width: 640px){br.l{display:none;}br.m{display:none;}br.s{display:block;}}

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

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

#wrapper #left
{
	overflow:hidden;
	position:fixed;

	margin:auto;
	left:0px;
	top:0px;
	bottom:0px;

	width:280px;
}
#wrapper #right
{
	z-index:-1;
	margin-left:280px;
}

#mbileMenuWapper
{
	width:280px;
}

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

#wrapper #left #left-contents .banner-block
{
	margin:20px;
}

#wrapper #left #left-contents .banner-block ul
{
	list-style:none;
	margin:0px;
	padding:0px
}

#wrapper #left #left-contents .banner-block ul li
{
	display:block;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
}

#wrapper #left #left-contents .banner-block ul li a
{
	display:block;
}

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

/*
************************************************************************
 段落
************************************************************************
*/
.section
{
	display:block;
	width:100%;
}

/* 行幅(基準幅) */
.col
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

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

/* 列ラッパー */
.row::before,
.row::after
{
	content:"";
	display:block;
	overfrow:hidden;

	width:100%;
	height:0px;

	float:none;
	clear:both;
}
.row::before
{
	margin-bottom:60px;
}
.row::after
{
	margin-top:60px;
}

.row.no-margin::before,
.row.no-margin::after
{
	margin-top:0px;
	margin-bottom:0px;
}

/* タイトル（大見出し） */
.section .title-1st
{
	margin-top:40px;
	margin-bottom:40px;
}

/* タイトル（中見出し） */
.section .title-2nd
{
	margin-top:40px;
	margin-bottom:20px;
}

/* タイトル（小見出し） */
.section .title-3rd
{
	margin-top:20px;
	margin-bottom:20px;
}

.section .title-4th
{

}

/* テキストetc */
.section .text.
{
	margin-top:20px;
	margin-bottom:20px;
}

.section .text.no-margin
{
	margin-top:0px;
	margin-bottom:0px;
}

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

/* ################################################################################################ */
/* ## 中型                       ################################################################## */
/* ################################################################################################ */
@media screen and (max-width: 1400px) {
	#wrapper #left
	{
		position:relative;
		width:100%;
		height:auto;
	}
	#wrapper #right
	{
		margin-left:0px;
	}

	/*
	************************************************************************
	 グローバルナビ
	************************************************************************
	*/
	#wrapper #left #main-menu
	{
		display:none;
	}
	#wrapper #left #left-contents .banner-block
	{
		display:none;
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {
	html
	{
		font-size:1.5625vw;
	}

	body
	{
		min-width:300px;
	}

	#mbileMenuWapper
	{
		width:70%;
	}

	/*
	************************************************************************
	 段落
	************************************************************************
	*/
	.section
	{
	}

	/* 行幅(基準幅) */
	.col
	{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:3.125vw;
		padding-right:3.125vw;
	}

	/* 行幅(最大幅) */
	.col.fill
	{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding-left:0;
		padding-right:0;
	}

	/* 列ラッパー */
	.row::before
	{
		margin-bottom:6.25vw;
	}
	.row::after
	{
		margin-top:6.25vw;
	}

	/* タイトル（大見出し） */
	.section .title-1st
	{
		margin-top:6.25vw;
		margin-bottom:6.25vw;
	}

	/* タイトル（中見出し） */
	.section .title-2nd
	{
		margin-top:6.25vw;
		margin-bottom:3.125vw;
	}

	/* タイトル（小見出し） */
	.section .title-3rd
	{
		margin-top:3.125vw;
		margin-bottom:3.125vw;
	}

	/* テキストetc */
	.section .text
	{
		margin-top:3.125vw;
		margin-bottom:3.125vw;
	}
}