/* ◆全体◆ */
.html {
	height:100%;
	overflow: auto;
}

.appIconBig{
	display: block;                  /* 画像の中央配置 */
	margin-left: auto;
	margin-right: auto;
}

.box {
	float: none;
	padding:0px 3% 0px 3%;
	margin:0px auto;
	height:104px;
}

.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align: center; 
}

div.containerArea {                  /* 最下層背景設定 */
	position:relative;
	background-color: #d2691e;
	max-height: 100%; 
	height: auto
}

body > #container {
    height: auto;
}

div#fc2_bottom_bnr{position:static!important;}


/* ◆スマホ用◆ */

@media screen and (max-width: 800px) {

	img{
		max-width: 90%;                  /* 画像全般 一律90% */
		max-height: 90%;
		height: auto;
		width: auto;
		border: none;
	}

	div.navigationArea {				/* メニューエリア */
		display: none;
	}

	div.navigationArea_smh {				/* メニューエリア_スマホ用 */
		margin: 0 auto;
		background: #d2691e;
		width: 80%;
		height: auto;
		display:inherit;
	}

	ul.navList {
		list-style-type: none;
		width: 100%;
		margin: 0px;
		padding: 3px 0px 3px 0px;
		text-align: center;
		white-space: normal;
	}
	li.navItem {
		margin: 5px 0px 5px 0px;
		padding: auto;
		width: auto;
		height: auto;
		display: inline-block;
	}

	div.contentArea {
		padding-top: 115px;
		padding-right: 10px;
		padding-bottom: 50px;
		padding-left: 10px;
	}

	div.logbox{
		margin: 0 auto;
		border: solid 0px #c8c2c6;                  /* 疑似インラインフレーム */
		background: #888084;
		overflow: auto;
		width: 80%;
		height: 80px;
		font-size: 80%;
		text-align: left;

	}
}
        span.thumb{
                border-radius: 10px;    /* 追加要素 */
                display: inline-block;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                width: 50px;
                height: 50px;
}



/* ◆PC用◆ */

@media screen and (min-width: 801px) {

	img{
		max-width: 100%;                  /* 画像全般 一律100% */
		max-height: 100%;
		height: auto;
		width: auto;
		border: none;
	}

	div.contentArea { 				/* メインコンテンツ土台 */
		margin: 0 auto;
		background: #d2691e;
		max-width: 60%; 
		max-height: 100%;
		height: 100%;
		min-height: 100%;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	div.navigationArea {				/* メニューエリア */
		margin: 0 auto;
		background: #d2691e;
		max-width: 100%; 
		height: auto;
	}


	div.navigationArea_smh {				/* メニューエリア_スマホ用 */
		display: none;
	}


	ul.navList {					/* メニューアイコン周辺 */
		list-style-type: none;
		margin: 0px 0px 5px 0px;
		padding: 0;
	}

	li.navItem {					/* メニューアイコンそのもの */
		margin: 0 auto;
		padding: auto;
		width:119px;
		height: 38px;
		display: inline-block;
	}

	div.subContentArea { 				/* サブコンテンツエリア */
		margin: 0 auto;
		background: #000000;
		max-width: 80%;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	div.logbox {
		margin: 0 auto;
		border: solid 0px #c8c2c6;                  /* 疑似インラインフレーム */
		background: #888084;
		width: 300px;
		height: 80px;
		overflow: auto;
		font-size: 80%;
		text-align: left;
	}

	div.SideAreaL {                                    /* 左サイドの余白 */
		float: left;
		background-color:#000000;
		width: 20%;
		height: 100%;
		position: fixed;
}
	div.SideAreaR {                                    /* 右サイドの余白 */
		float: right;
		background-color:#000000;
		width: 20%;
		height: 100%;
		position: fixed;
		left: 80%
}

}
        span.thumb{
                border-radius: 10px;    /* 追加要素 */
                display: inline-block;
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                width: 50px;
                height: 50px;
}