@charset "UTF-8" ;


/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定

******************************/
.social-area {
	width: 90%;
	min-height: 100px;
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1em;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area {
		min-height: 100px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
.social-button {
	border: none;
	padding: 0;
	margin: 0;
	list-style: none none outside;	
	display: block;	
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	.social-button {
		width: 410px ;
	}
}


/******************************

 [li]要素

******************************/
.social-button  {
	float: left ;
	text-align: center ;
	height: 70px ;
	margin: 0 ;
	padding:0 ;
	list-style: none none outside;	
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px;
	float: left;
	margin-top: 4px;	
	margin-right: 20px;
	margin-left: 10px;
}

/* [Facebook] */
.sc-fb {
	width: 69px ;
	float: left ;
	margin-right: 20px;
}

/* [LINE] */
.sc-li {
	float: left ;
	width: 50px ;
	margin-top: 4px;
	margin-right: 0px;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}
 */