﻿@charset 'UTF-8';
/* ---------------------------------------------------------
SNS＆促進系-PC
--------------------------------------------------------- */
.snsBtn {
    display: flex;
    clear: both;
    overflow: hidden;
	margin: 20px auto 20px;
    text-shadow: none;
    text-align: center;
    line-height: 1;
    /* width: 252px; */
	justify-content: center;
}

.hokkaido.lavender .snsBtn,
.hokkaido.snowfes .snsBtn,
.hokkaido.jozankei .snsBtn,
.hokkaido.noboribetsu .snsBtn,
.hokkaido.toya .snsBtn,
.hokkaido.yunokawa .snsBtn,
.hokkaido.tokachi .snsBtn,
.hokkaido.akan .snsBtn {
	margin: -20px auto 20px;
}
.hokkaido.kouyou .snsBtn {
	margin: -10px auto 30px;
}
.okinawa .snsBtn {
	margin: -10px auto 20px;
}
.okinawa.jtbrounge .snsBtn {
	margin: 15px auto 15px;
}
.okinawa.sakura .snsBtn,
.okinawa.churaumi .snsBtn {
	margin: 20px auto 20px;
}
.hokkaido.asarigawa .snsBtn,
.hokkaido.sounkyo .snsBtn,
.okinawa.golf .snsBtn {
    margin: -20px auto 40px;
}

.m-40 .snsBtn {
	margin: 40px auto;
}

.snsBtn li {
	display: inline-block;
	position: relative;
	height: 40px;
	margin: 0 0 0 4px;
	padding: 0;
}

.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;
	width: 80px;
	height: 40px;
	border-radius: 4px;
}

.snsBtn span.action {
	float: right;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	width: 52px;
	/* height: 22px; */
	margin: 8px 0 4px;
	color: #fff;
	font-family: メイリオ, Meiryo, sans-serif;
	font-size: 10px;
	line-height: 26px;
	text-align: center;
}

.snsBtn span.action:after {
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 26px;
	border-left: 1px #fff solid;
	content: '';
}

.snsBtn .twitterBtn a {
	background: #5eade9;
}

.snsBtn .twitterBtn:after {
	display: block;
	top: 13px;
	left: 6px;
	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: 6px;
	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;
}

li.facebookBtn_like {
	overflow: hidden;
}

.snsBtn .facebookBtn_like a,
.snsBtn .facebookBtn_share a {
	background: #3b579d;
}

.snsBtn .facebookBtn_like a {
	float: right;
}

button#u_0_3 {
	border: 1px solid #3b579d !important;
	background: #3b579d !important;
}

button#u_0_3.active {
	border: 1px solid #3b579d !important;
	background: #3b579d !important;
}

.snsBtn .facebookBtn_like .fb-like span {
	height: 35px;
	color: #fff;
}

.snsBtn .facebookBtn_like span.action,
.snsBtn .facebookBtn_share span.action {
	border-left: 1px solid #3c5385;
}

.snsBtn .facebookBtn_share:after {
	display: block;
	top: 7px;
	left: 2px;
	width: 20px;
	height: 25px;
	background: url('/tour/common/images/sns/ico_faceshare.png') no-repeat;
	background-size: 22px auto;
}

.snsBtn .lineBtn {
	display: none;
}

.snsBtn .count {
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	color: #000;
	font-family: メイリオ, Meiryo, sans-serif;
	font-size: 11px;
	line-height: 0;
	text-align: center;
}

.snsBtn .arrowBox:after,
.snsBtn .arrowBox:before,
.snsBtn .facebookBtn_like ._5n6j._5n6l:after,
.snsBtn .facebookBtn_like ._5n6j._5n6l:before {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: ' ';
	pointer-events: none;
}

.snsBtn .facebookBtn_like ._5n6j._5n6l:after,
.snsBtn .arrowBox:after {
	margin-top: -3px;
	border-width: 3px;
	border-color: rgba(255, 250, 250, 0);
	border-left-color: #fff;
}

.snsBtn .arrowBox:before,
.snsBtn .facebookBtn_like ._5n6j._5n6l:before {
	margin-top: -5px;
	border-width: 5px;
	border-color: rgba(8, 9, 10, 0);
	border-left-color: #ccc;
}

.fb_iframe_widget> span {
    /* padding: 10px 0 !important; */
    /* vertical-align: baseline !important; */
}

._2tga._49ve {
    border-radius: 3px;
    font-size: 11px;
    height: 40px;
    padding: 0 0 0 2px;
}