/* fixed-banner
----------------------------------------------- */

@media (max-width: 767px) {
	body{
		padding-bottom:73px;
	}
}


.fixed-banner {
	position: fixed;
	z-index: 11;
	bottom: 0;
	left: 0;
	right: 0;
}
@media screen and (min-width: 768px) {
.fixed-banner {
	top: auto;
	right: 0;
	left: auto;
	bottom: 0;
	transition: all 0.3s;
}
}

.fixed-banner__body {
	display: flex;
	flex: 1 1 50%;
}
@media screen and (min-width: 768px) {
	.fixed-banner__body {
		display: block;
		width: 200px;
		transition: all 0.3s;
		position: relative;
		right: 0;
	}
}

@media screen and (min-width: 768px) {
	.fixed-banner.hidden .fixed-banner__body {
		right: -100%;
	}
}
@media screen and (max-width: 767px) {
	.fixed-banner__item{
		justify-content: center;
	}
}
.fixed-banner__item{
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.fixed-banner__item {
		width:200px;
	}
	.fixed-banner__item img{
		max-width:100%;
	}
}

@media screen and (min-width: 768px) {
	.fixed-banner__close {
		position: absolute;
		width: 20px;
		height: 20px;
		left: -20px;
		top: 0px;
		background: url(icon-close.svg) center no-repeat #333333;
		cursor: pointer;
		background-size: contain;
	}
}

@media screen and (min-width: 768px) {
	.fixed-banner.hidden .fixed-banner__close {
	  background: url(icon-open.svg) center no-repeat #333333;
	  background-size: contain;
	}
  }



@media (max-width: 767px) {
	.fixed-banner .pc-only{
		display:none !important;
	}
	
	.fixed-banner--line{
		background:url(line-banner_sp-bg.png) center no-repeat;
		background-size:cover;
		padding:10px 0;
		text-align:center;

	}
	.fixed-banner--line_sp-text{
		height:55px;
		margin:0 auto;
	}
}

@media (min-width: 768px) {
	.fixed-banner .sp-only{
		display:none !important;
	}
}

@media (min-width: 768px) {
}