@CHARSET "UTF-8";

.sns-title{padding:17px 0 15px; border-bottom:1px dotted #ccc; color:#4e565b; font-size:18px;text-align:center;}
.sns-title img{height:20px; vertical-align:bottom;}
.sns_share{text-align:center; padding:15px 0 20px;}
.sns_share li{display:inline-block;}
.sns_share li a {display:block; font-size:10px; width:54px; white-space:nowrap;}
.share_icon{width:38px; display:block; margin:0 auto 5px;}

/* Styles for dialog window */
#sns-dialog {
	background: white;
	text-align: center;
	max-width: 330px;
	margin: 40px auto;
	position: relative;
	border:2px solid #8b98ea;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;;
	border-radius: 5px;
}

.zoom-close {
	background:#fff url("../img/common/icon/close_icon.png");
	width:22px; 
	height:22px;
	text-indent:-9999px;
	background-position:center -22px; 
	background-size:100%;
	display:block;
	cursor:pointer;
	top:10px;
	right:10px;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 

	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

