/*-----------------------------------------------------------------------*/
/*ソーシャルボタンデザイン*/

/* ソーシャルボタンエリア全体*/
.sns-area_margin {
	margin: 20px 13%;
}

.sns-area_border {
	border-radius: 6px 6px 6px 6px;
	background-color: #fff8e8;
}

.sns-area_button {
	height: 100px;
	padding: 20px 0 60px 0;
}

/* キャッチコピー */
.sns-area_catchcopy {
	/*float:left;*/
	padding: 20px 10%;
	font-weight:bold;
	font-size:18px;
}

/* ソーシャルボタン共通 */
#sns-share {
	padding: 0 20%;
	text-align:center;
}

#sns-share ul {
	display: flex;
    justify-content: center;
}
#sns-share li {
    width: 100px;
    margin: 0;
}
#sns-share li a {
    position:relative;
    display:block;
    padding:1em 0;
    color:#fff;
    font-size:88%;
    border-radius:3px;
    text-align:center;
    line-height: 22px;
    text-decoration: none;
    text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
#sns-share li a:hover {
    -webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
}

/* ツイッター */
#sns-share .twitter a {
	margin-top: 8px;
/*
    background:#00acee;
    box-shadow:0 5px 0 #0092ca;
*/
}
#sns-share .twitter a:hover {
    background:#989c9e;
}

/* Facebook */
/*
#sns-share .facebook a {
    background:#3b5998;
    box-shadow:0 5px 0 #2c4373;
}
*/
#sns-share .facebook a:hover {
    background:#7b9ade;
}

/* レスポンシブ対応 */

/*
@media screen and (max-width: 640px) {
}

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

@media screen and (max-width: 479px) {
}
*/