@charset "UTF-8";

/*
======== table of content. ===============

summary:Shareボタン（Wide）

==========================================
*/

#shareon {
	position: fixed;
	top:135px;
	right:0;
	width:45px;
	height:80px;
	z-index:1000;
}

#ie6 #shareon {
	position:absolute;
}

.iphone #shareon,
.ipad #shareon {
	top:95px;
	height:17px;
}

#shareon h3 {
	position:relative;
	width:21px;
	height:80px;
	background:url(../images/bg_shareon_h3.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	z-index:1050;
}

.iphone #shareon h3,
.ipad #shareon h3 {
	display:none;
}

#shareon #shareon_inner {
	position:absolute;
	top:0;
	left:21px;
	width:24px;
	height:80px;
	background-color:#b7190c;
	z-index:1050;
}

.iphone #shareon #shareon_inner,
.ipad #shareon #shareon_inner {
	background:none;
}

#shareon #shareon_inner ul {
	padding:20px 3px;
}

#shareon #shareon_inner ul li {
	display:block;
}

#shareon #shareon_inner ul li a {
	width:18px;
	padding-top:17px;
	background-color:#b7190c;
	cursor:pointer;
}

.iphone #shareon #shareon_inner ul li a,
.ipad #shareon #shareon_inner ul li a {
	position:absolute;
	background-color:transparent;
}

#shareon #shareon_inner ul li#facebook a {
	margin-bottom:7px;
	background-image:url(../images/bt_shareon_facebook.png);
}

.iphone #shareon #shareon_inner ul li#facebook a,
.ipad #shareon #shareon_inner ul li#facebook a {
	right:95px;
	width:80px;
	background-image:url(../images/bt_shareon_facebook_i.png);
}

#shareon #shareon_inner ul li#twitter {
}

#shareon #shareon_inner ul li#twitter a {
	background-image:url(../images/bt_shareon_twitter.png);
}

.iphone #shareon #shareon_inner ul li#twitter a,
.ipad #shareon #shareon_inner ul li#twitter a {
	right:10px;
	width:71px;
	background-image:url(../images/bt_shareon_twitter_i.png);
}

@media screen and (max-width: 1004px) {
#shareon {
	width: auto;
	position: static;
	height: auto !important;
	background: #fff;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	z-index: auto;
}
#shareon h3 {
	background: none;
	width: auto;
	height: auto;
	text-align: center;
	text-indent: 0;
	font-size: 14px;
	font-weight: normal;
	z-index: auto;
}
#shareon #shareon_inner {
	position: static;
	width: auto;
	height: auto;
	background-color: transparent;
	padding: 15px;
}
#shareon #shareon_inner ul {
	padding: 0;
	margin: 0 -2px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#shareon #shareon_inner ul li {
	width: 50%;
	padding: 0 2px;
	box-sizing: border-box;
}
#shareon #shareon_inner ul li a {
	position: static !important;
	width: auto !important;
	height: auto !important;
	color: #fff;
	text-align: center;
	margin: 0 !important;
	display: block;
	float: none;
	padding: 10px 15px;
}
#shareon #shareon_inner ul li#facebook a {
	background-image: none !important;
	background: rgb(0, 0, 51);
}
#shareon #shareon_inner ul li#twitter a {
	background-image: none !important;
	background: rgb(51, 102, 204);
}
}