@charset "UTF-8";
.sticky-banner {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 5;
    display: none;
    width: 480px;
}
.sticky-banner img {
    width: 100%;
}
@media screen and (max-width: 800px){
	.sticky-banner {
		right: 0;
		bottom: 100px;
		width: 100%;
	}
}
/*1/16 追記*/
.sns-pc{
	position:fixed;
	left:-5px;
	bottom:20%;
	background:#F2F2F2;
	border-radius:5px;
	border:solid 1px #ccc;
	padding: 10px 10px 10px 15px;
}
.sns-pc li{
    max-height: 23px;
    width:96px;
	font-weight: nomal;
	line-height:1.5;/*追加*/
}
.sns-pc .b-lblue{
	width:96px!important;
	height:20px!important;
	background:#1B95E1;
	border-radius:5px;
	overflow:hidden;
}
.sns-sp .b-lblue{
	background:#1B95E1;
	border-radius:0px;
	overflow:hidden;
}
.sns-pc li iframe{

}
.sns-pc ul,.sns-sp ul{
	margin:0;
	padding:0;
}
.sns-pc li,.sns-sp li{
	background:none;
	padding:0;
	margin:5px 0;
}
.sns-pc li span i,
.sns-pc li a i{
	font-size:15px;
	vertical-align:top;
	font-weight: normal;/*追加*/
}
.sns-pc li a {
	/*height: 20px;追加*/
	height: 16.5px;/*追加*/
}
.sns-pc li span,
.sns-pc li a,
.sns-sp li a{
	text-decoration:none;
	display:block;
	width:90px;
	border-radius:3px;
	padding:3px;
	color:#fff;
	font-size:11px;
	font-weight: normal;/*追加*/
}
.b-green a img{
	padding-right:2px;
}
.b-green a:hover img{
	opacity: 1;
}
.b-orange a{
	background:#F1AF33;
}
.b-green a{
	background:#1bb71f;
}

.sns-pc .b-lblue a{
	height: 20px;/*追加*/
}

.sns-pc .b-blue span,
.sns-pc .b-blue a{
	/*height: 20px;/*追加*/
}

.b-lblue a{
	background:#1B95E1;
}
.b-blue span,
.b-blue a{
	background:#3D59A8;
}
.sns-sp{
	display:none;
}
.sns-pc .facebook{
	max-height:20px;/*変更22px*/
	overflow:hidden;
position:absolute;
top: 8px;
	opacity:0;
}
.sns-pc .facebook iframe{
	border:none;


	opacity:0;
}
@media screen and (max-width: 800px){
	.sns-sp .facebook{
		overflow:hidden;
		position:absolute;
		opacity:0;
		height: 100%;/*追加*/
	}
	.sns-sp .facebook + .b-blue {
	    background: #3D59A8;
	    padding-left: 7vw;
	    font-size: 250%;/*追加*/
	    box-sizing: border-box;
	    /* position: relative; */
	    /* left: 8vw; */
	    border-right: solid 1px #fff;
	}

.sns-sp .facebook iframe {
    border: none!important;
    position: absolute;
    top: -10vw;
    opacity: 0;
    left: -13vw;
    width: 92px!important;
    height: 3000px!important;
    transform: scale(2.5);
    transform-origin: 0 0;
}

	.wrapper{
	width:100%;

	}
	.sns-sp ul{
		display:flex;
	}
	.sns-pc{
		display:none;
	}
	.sns-sp{
		display:block;
		width:100%;

	}
	.sns-sp li{
		display: block;;
		width: 25%;
		margin: 0;
	}
	.sns-sp{
		position:fixed;
		bottom:0;
		bottom: -1px;
	}
	.sns-sp li span,
	.sns-sp li a {
		width:100%;
		font-size:7vw;
		box-sizing: border-box;
		padding: 15px 0;/*編集*/
		text-align: center;
		border-radius:0;
		color:white;
		/*height: 100px;/*追加*/
		line-height: 1.5;
	}
	.b-green a img {
    	width: 11vw;
	}
.b-blue span,
.b-blue a{
	/*position: relative;*/
}
	.sns-sp li.b-blue span {
	margin-top: 100px;
	padding: 0;
		top:30px;
		padding-top: 0px;
height: 70px;
		overflow: hidden;
	}
#footer {
	width: 900px;
	padding-bottom: 300px;
	}
}