@charset 'UTF-8';
/* ---------------------------------------------------------
SNS＆促進系-SP
--------------------------------------------------------- */
.snsBtn {
	clear: both;
	overflow: hidden;
	height: 40px;
	margin: 15px 0 !important;
	padding: 0;
	text-shadow: none;
	text-align: center;
}

.m-30 .snsBtn {
	margin: 30px auto !important;
}

.okinawa.snorkelling .snsBtn {
	margin-bottom: 30px !important;
}

.snsBtn:last-child {
	text-align: center;
}

.snsBtn li {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	height: 40px;
	margin-left: 3px;
	padding: 0;
}

.snsBtn li.facebookBtn_like {
	display: inline-block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	height: 40px;
	vertical-align: top;
}

.snsBtn li:first-child {
	margin-left: 0;
}

.snsBtn li:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.snsBtn li a:hover {
	opacity: 1.0;

	filter: Alpha(opacity=100);
}

.snsBtn li:hover {
	opacity: .7;

	filter: Alpha(opacity=70);
}

.snsBtn a {
	display: block;
	box-sizing: border-box;
	width: 68px;
	height: 40px;
	border-radius: 4px;
}

.snsBtn span.action {
	float: right;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	margin: 7px 0 4px;
	color: #fff;
	font-family: メイリオ, Meiryo, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
}

.snsBtn .facebookBtn_share span.action {
	width: 43px;
}

.snsBtn .twitterBtn span.action {
	width: 45px;
}

.snsBtn .xBtn span.action {
	width: 45px;
}

.snsBtn .lineBtn span.action {
	width: 38px;
}

.snsBtn span.action:after {
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	left: 0;
	left: 0;
	height: 26px;
	border-left: 1px #fff solid;
	content: '';
}

.snsBtn .twitterBtn a {
	background: #5eade9;
}

.snsBtn .twitterBtn:after {
	display: block;
	top: 13px;
	left: 3px;
	width: 20px;
	height: 25px;
	background: url('/tour/common/images/sns/ico_twitter.png') no-repeat;
	background-size: 18px auto;
}

.snsBtn .xBtn span.action {
	border-left: 1px solid #000000;
}

.snsBtn .xBtn a {
	background: #000000;
}

.snsBtn .xBtn:after {
	display: block;
	top: 13px;
	left: 3px;
	width: 20px;
	height: 25px;
	background: url('/tour/common/images/sns/ico_x.png') no-repeat;
	background-size: 18px auto;
}

.snsBtn .twitterBtn span.action {
	border-left: 1px solid #5195c9;
}

.snsBtn .facebookBtn_like a,
.snsBtn .facebookBtn_share a {
	background: #3b579d;
}

.snsBtn .facebookBtn_like a {
	float: right;
}

.snsBtn .facebookBtn_like span.action,
.snsBtn .facebookBtn_share span.action {
	border-left: 1px solid #3c5385;
}

.snsBtn .facebookBtn_share:after {
	display: block;
	top: 7px;
	left: 0;
	width: 20px;
	height: 25px;
	background: url('/tour/common/images/sns/ico_faceshare.png') no-repeat;
	background-size: 22px auto;
}

.snsBtn .lineBtn a {
	background: #00b900;
}

.snsBtn .lineBtn:after {
	display: block;
	top: 5px;
	left: 0;
	width: 30px;
	height: 25px;
	background: url('/tour/common/images/sns/ico_line.png') no-repeat;
	background-size: 100% auto;
}

.snsBtn .lineBtn span.action {
	border-left: 1px solid #5195c9;
	letter-spacing: .2em;
}

.fb_iframe_widget> span {
	/* padding: 10px 0 !important; */
	/* vertical-align: baseline !important; */
}