@charset "utf-8";
/*****************************

       sns_button.css

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

/*////////////////////編集エリア////////////////////*/

.sns_icon_bt_bg{
	background: url(../img/top/sns_bg.png) no-repeat;
}





/*////////////////////固定エリア////////////////////*/

/*SNSボタン*/
.sns_bt{
	position: absolute;
	top: 0;
	right: 0px;
	z-index: 100;
	width: 86px;
	height: 86px;
}
.sns_bt_wrap{
	position:absolute;
	right: 10px;
    top: 27px;
	width: 86px;
	height: 86px;
	cursor: pointer;
	overflow: hidden;
}

/*SNSアイコン*/
.sns_icon_bt{
	margin-bottom: 30px;
}
.sns_icon_bt_wrap{
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    width: 40px;
    height: 208px;
    margin: 0 auto;
	overflow: hidden;
}

/*SNSアイコンの背景*/
.sns_icon_bt_bg{
    position: absolute;
    top: -285px;	
    right: 0px;
    width: 86px;
	height: 324px;
	overflow: hidden;
	background-size: 100% auto;
}
.sns_icon_bt_bg_wrap{
	height: 350px;
}

/*SNSボタンから出た背景画像を消す処理*/
.hidden{
	height: 364px;
	width: 86px;
	top: 40px;
	position: absolute;
	overflow: hidden;
}