#hideBtn {
	position:fixed;
	left:0;
	bottom:0;
	z-index:10000;
}

#hideBtn a {
    text-decoration: none;
    color: #fff;
    text-align: center;
}

/*　フローティングバナー新デザイン　*/

/*女性向け*/
.move{
	background: #84cbf0;
	width: 100%;
	height: 100px;
	position: fixed;
    bottom: 0;
	overflow: visible!important;
}
.move a{
	width: 950px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
/*ローション　青*/
.moveBlueLp,.moveBlueUd{
	/*background: rgba(194,247,255,0.6);*/
	background: #c2f7ff;
	width: 100%;
	height: 100px;
	position: fixed;
    bottom: 0;
	overflow: visible!important;
}
.moveBlueLp a,.moveBlueUd a{
	width: 950px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
.moveBlueLp a img,.moveBlueUd a img{
	vertical-align: bottom;
}
.btn01B {
    width: 388px;
    height: 82px;
    background: url(/upload/save_image/floating_banner/chapup_bn_btn.png) no-repeat;
    position: absolute;
    bottom: 8px;
    right: 10px;
}
.btn01B:hover {
	background: url(/upload/save_image/floating_banner/chapup_bn_btn_ov.png) no-repeat;
}

.arrowB{
	margin: 0;
	position: absolute;
	right: -60px;
	bottom: 35px;
	-webkit-animation-duration: 1s;
    -webkit-animation-name: slideinB;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: slideinB;
    animation-iteration-count: infinite;
	z-index: 10;
	}

.arrowB img{
	height: 40px;
}
/*シャンプー女性（オーガニック）950px*/
.moveOrganicLp{
	background: #9ddc9c;
	width: 100%;
	height: 100px;
	position: fixed;
    bottom: 0;
	overflow: visible!important;
}
.moveOrganicLp a{
	width: 950px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
.moveOrganicLp a img{
	vertical-align: bottom;
}
.btn01O {
    width: 360px;
    height: 79px;
    background: url(/upload/save_image/floating_banner/btn_o_short.png) no-repeat;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.btn01O:hover {
	background: url(/upload/save_image/floating_banner/btn_o_short_ov.png) no-repeat;
}
.arrowO{
	margin: 0;
	position: absolute;
	right: -30px;
	bottom: 12px;
	-webkit-animation-duration: 1s;
    -webkit-animation-name: slideinB;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: slideinB;
    animation-iteration-count: infinite;
	z-index: 10;
	}

.arrowO img{
	height: 27px;
}
/*シャンプー女性（オーガニック）1200px*/
.moveOrganicWideLp{
	background: #d3c8b4;
	width: 100%;
	height: 100px;
	position: fixed;
    bottom: 0;
	overflow: visible!important;
}
.moveOrganicWideLp a{
	width: 1200px;
	height: 100px;
	display: block;
	margin: 0 auto;
}
.moveOrganicWideLp a img{
	vertical-align: bottom;
}
.btn01Ow {
    width: 400px;
    height: 79px;
    background: url(/upload/save_image/floating_banner/btn_o_short_w.png) no-repeat;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.btn01Ow:hover {
	background: url(/upload/save_image/floating_banner/btn_o_short_w_ov.png) no-repeat;
}
.arrowOw{
	margin: 0;
	position: absolute;
	right: -30px;
	bottom: 12px;
	-webkit-animation-duration: 1s;
    -webkit-animation-name: slideinB;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: slideinB;
    animation-iteration-count: infinite;
	z-index: 10;
	}

.arrowO img{
	height: 27px;
}
/*グラデーション*/
.moveGra,.moveGraLp{
	background: linear-gradient(270deg, #e7ac7e, #dcefa9);
	background-size: 400% 400%;
	-webkit-animation: AnimationName 10s ease infinite;
	-moz-animation: AnimationName 10s ease infinite;
	animation: AnimationName 10s ease infinite;
	width: 100%;
	height: 100px;
	position: fixed;
    bottom: 0;
	overflow: visible!important;
}
.moveGra a,.moveGraLp a{
	width: 950px;
	height: 100px;
	display: block;
	margin: 0 auto;
}




#fixBanner{
	position: relative;
	width: 950px;
	height: 100px;
	margin: 0 auto;
}

#fixBannerWide{
	position: relative;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

#fixBanner div,#fixBannerWide div{
	position: absolute;
	bottom: 0;
}
#fixBanner p,#fixBannerWide p{
	position: absolute;
	margin: 0;
	padding: 0;
}
#fixBanner p.arrow,#fixBannerWide p.arrow{
	bottom: 17px;
	right: -23px;
	z-index: 10;
	-webkit-animation-duration: 1s;
    -webkit-animation-name: slidein;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: slidein;
    animation-iteration-count: infinite;
}
.moveBlueLp #fixBanner,.moveBlueUd #fixBanner{
	height: 101px;
}


/*@media screen and (max-width: 1200px) {
.organicG img{width: 100%;height: auto;}
#fixBannerWide{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
}*/

@media screen and (max-width: 1100px) {
.arrowB{
	right: -26px;
    bottom: 36px;
}
.arrowB img{
	width: 70%;
    height: auto;
}
.arrowO{
	right: -16px;
    bottom: 10px;
}
.btn01B {
    background-size: 90%;
    bottom: 5%;
    right: 1%;
}


}
@keyframes slideinB {
    from {padding-right: 10px;}
    to {padding-right: 0;}
}

@media screen and (max-width: 950px) {
#fixBanner p.arrow{
	bottom: 17px;
	right: -20px;
	z-index: 10;
	-webkit-animation-duration: 1s;
    -webkit-animation-name: slidein02;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: slidein02;
    animation-iteration-count: infinite;
}
}


/*#fixBanner p.btn01{
	bottom: 9px;
	right: 0;
	background: url(/upload/save_image/floating_banner/floatin_btn.png) no-repeat;
	width: 387px;
	height: 75px;
}
#fixBanner:hover p.btn01{
	opacity: .9;
}*/
#fixBanner p.btn01G{
	bottom: 13px;
	right: 0;
}
#fixBanner p.btn01G span{
	background-image: linear-gradient(to right, #9ece00 0%, #bbf609 51%, #9ece00 100%);
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-size: 200% auto;
	box-shadow:0px 3px 0px 0px #a8c156;
	border-radius:10px;
	text-shadow:2px 2px 3px #88b100;
	display: block;
	width: 387px;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1;
	padding: 26px 12px 21px 0;
	position: relative;
	letter-spacing: 2px;
	font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Meiryo UI','メイリオ', Meiryo,sans-serif;
}
#fixBanner p.btn01G:hover span{
    background-color: #9ece00;
    background-position: right center;
	
}
#fixBanner p.btn01G span:after{
	position: absolute;
	display: block;
	content: "▶";
	text-shadow:2px 2px 3px #88b100;
	top: 30px;
    right: 13px;
    font-size: 17px;
}

/*矢印アニメ*/
@keyframes slidein {
    from {padding: 0 10px  5px 0;}
    to {padding-right: 0;}
}
@keyframes slidein02 {
    from {padding: 0 5px 2px 0;}
    to {padding-right: 0;}
}
/*グラデーション　アニメ*/
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}