@charset "utf-8";

/*
************************************************************************
* 共通パーツデザイン
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
 ボディ
************************************************************************
*/
body
{
	font-size:1.4rem;
	color:#000000;
	background-color:#FFFFFF;
	
	font-weight:normal;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1400px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	body
	{
		font-size:2.2rem;
	}
}

/*
************************************************************************
* 基本構成
************************************************************************
*/
#wrapper
{
	background-color:#FFFFFF;
}

#header
{
	background-color:;
	
	overflow:hidden;
	position:fixed;
	
	margin:auto;
	left:0px;
	top:0px;
	bottom:0px;
	
	width:240px;
	
	box-shadow:0px 0px 10px 0px rgba(0,0,0,1.0);
}
#body
{
	background-color:#FFFFFF;
	
	z-index:-1;
	margin-left:240px;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1400px) {
	#header
	{
		position:relative;
		width:100%;
		height:auto;
		box-shadow:0px 0px 5px 0px rgba(0,0,0,1.0);
	}
	#body
	{
		margin-left:0px;
		z-index:0;
	}
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
}

/*
************************************************************************
* 段落
************************************************************************
*/
#main .section
{
	border-bottom:1px solid #dddddd;
}
#main .section:last-child
{
	border-bottom:0px solid transparent;
}
#main .section:nth-child(odd)
{
	background-color:#FFFFFF;
}
#main .section:nth-child(even)
{
	/* background-color:#F9F9F9; */
	background-color:#FFFFFF;
}

/* 基本の段落内ブロック */
.block{padding:0px;padding-right:15px;padding-left:15px;}
.block:first-child{padding-left:0px;}
.block:last-child{padding-right:0px;}
.block-1{float:left;width:10%;min-height:1px;}
.block-2{float:left;width:20%;min-height:1px;}
.block-3{float:left;width:30%;min-height:1px;}
.block-4{float:left;width:40%;min-height:1px;}
.block-5{float:left;width:50%;min-height:1px;}
.block-6{float:left;width:60%;min-height:1px;}
.block-7{float:left;width:70%;min-height:1px;}
.block-8{float:left;width:80%;min-height:1px;}
.block-9{float:left;width:90%;min-height:1px;}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1400px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	/* 基本の段落内ブロック */
	.block{padding:0px;}
	.block-1{float:none;width:100%;margin-bottom:0.5em;}
	.block-2{float:none;width:100%;margin-bottom:0.5em;}
	.block-3{float:none;width:100%;margin-bottom:0.5em;}
	.block-4{float:none;width:100%;margin-bottom:0.5em;}
	.block-5{float:none;width:100%;margin-bottom:0.5em;}
	.block-6{float:none;width:100%;margin-bottom:0.5em;}
	.block-7{float:none;width:100%;margin-bottom:0.5em;}
	.block-8{float:none;width:100%;margin-bottom:0.5em;}
	.block-9{float:none;width:100%;margin-bottom:0.5em;}
}