/*=============================================================
    floating
=============================================================*/
/* floating */
#floating-area{
/*	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);*/
	/*position: relative;*/
}
.floating {
  position: fixed;
  right: 0px;
  top: 20%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.floating.show{
	visibility:visible;
	opacity:1;
}
.floating.bottom{
	/*position:absolute;*/
	/*top:-46px;*/
/*
	top: -226px;
	bottom:auto;
*/
}
.floating-inner li{
  margin-bottom: 10px;
}
.floating-inner a{
  position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
  writing-mode: vertical-rl;
	transition: all .3s;
  box-sizing: border-box;
  padding: 12px;
  gap: 10px;
  width: auto;
  height: auto;
  background: linear-gradient(90deg, #1A2F72 0%, #0939A0 50%, #099CC8 100%);
  /* #FFFFFF */
  border: 1px solid #fff;
  border-right: none;
  border-radius: 4px 0px 0px 4px;
  
}
.floating-inner a:hover{
	text-decoration: none;
}
.floating-inner a:before{
  overflow: hidden;
  content: '';
  position: absolute;
  background: linear-gradient(90deg, #0171D4 0%, #0095BA 50%, #1BC6CF 100%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px 0px 0px 4px;
  transition: all .3s;
}
.floating-inner a:hover::before{
  opacity: 0;
}
.floating-inner a > span{
  position: relative;
	display: inline-block;
	margin: 10px 0;
  z-index: 1;
}













/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){
  #floating-area{
    display: none;
  }
}