@charset "UTF-8";

/* ==================================================
J-me bar
================================================== */

/* #gigyaWrap
------------------------------ */
#gigyaWrap {
}

#gigyaShare {
}

#gigyaShare .jme_share {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

#gigyaShare .jme_share li {
	width: 32px;
	height: 32px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin: 0 12px;
}

#gigyaShare .jme_share li:nth-child(1) {
	/*width: 142px;
	height: 20px;*/
	width: 148px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 50px;
}

/*#gigyaShare .jme_share li {
	width: 24px;
	height: 24px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin: 0 12px;
}

#gigyaShare .jme_share li:nth-child(1) {
	width: 122px;
	height: 18px;
}*/

@media screen and (max-width: 900px) {
	#gigyaShare .jme_share li {
		width: 24px;
		height: 24px;
		margin: 0 12px;
	}

	#gigyaShare .jme_share li:nth-child(1) {
		/*width: 122px;
		height: 18px;*/
		width: 128px;
		height: 22px;
	}
}


#gigyaShare .jme_share li img.share__label {
	opacity: 0;
}

#gigyaShare .jme_share li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	overflow: hidden;
	transition: all 0.6s ease-out 0s;
}

#gigyaShare .jme_share li a img {
	opacity: 0;
}

#gigyaShare .jme_share li a:hover {
	opacity: 0.7;
}

/*J-me*/
#gigyaShare .jme_share li:nth-child(1) {
	background-image: url("../img/jme_bar/share_jme.svg");
}

/*LINE*/
#gigyaShare .jme_share li:nth-child(2) a {
	background-image: url("../img/jme_bar/share_line.svg");
}

/*Twitter*/
#gigyaShare .jme_share li:nth-child(3) a {
	background-image: url("../img/jme_bar/share_twitter.svg");
}

/*Facebook*/
#gigyaShare .jme_share li:nth-child(4) a {
	background-image: url("../img/jme_bar/share_facebook.svg");
}


@media screen and (max-width: 900px) {
#jwave_footer_wrapper {
	/*padding-bottom: 15px !important;*/
	/*padding-bottom: calc(env(safe-area-inset-bottom) + 15px) !important;*/
	padding-bottom: env(safe-area-inset-bottom) !important;
}
}