@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2012-8-1
 -------------------------------------------------- */
 
/*----------------------------------------------------
 social
--------------------------------------------------- */

#social {
	width:760px;
}
#social>ul {
	overflow: hidden;
	margin-right: -15px;
}
#social>ul>li {
	width: 220px;
	padding: 0 5px 5px;
	margin: 0 15px 15px 0;
	float: left;
}
#social>ul>li.socialTwitter {
	background: -moz-linear-gradient(top center, #33a5e1 0%, #dbdca0 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#33a5e1), to(#dbdca0));
	background: linear-gradient(to bottom, #33a5e1, #dbdca0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a5e1', endColorstr='#dbdca0', GradientType=0)";
	background: linear-gradient(top center, #33a5e1 0%, #dbdca0 100%);
}
#social>ul>li.socialTwitter>.socialDate {
	background: url(../img/iconSocial_twitter.png) no-repeat left center;
}
#social>ul>li.socialFacebook {
	background: -moz-linear-gradient(top center, #004b9b 0%, #b3dbb4 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#004b9b), to(#b3dbb4));
	background: linear-gradient(to bottom, #004b9b, #b3dbb4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b9b', endColorstr='#b3dbb4', GradientType=0)";
	background: linear-gradient(top center, #004b9b 0%, #b3dbb4 100%);
}
#social>ul>li.socialFacebook>.socialDate {
	background: url(../img/iconSocial_facebook.png) no-repeat left center;
}
#social>ul>li.socialYoutube {
	background: -moz-linear-gradient(top center, #e6282d 0%, #d2b3e9 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#e6282d), to(#d2b3e9));
	background: linear-gradient(to bottom, #e6282d, #d2b3e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6282d', endColorstr='#d2b3e9', GradientType=0)";
	background: linear-gradient(top center, #e6282d 0%, #d2b3e9 100%);
}
#social>ul>li.socialYoutube>.socialDate {
	background: url(../img/iconSocial_youtube.png) no-repeat left center;
}
#social>ul>li.socialInstagram {
	background: -moz-linear-gradient(top center, #467097 0%, #f8c7be 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#467097), to(#f8c7be));
	background: linear-gradient(to bottom, #467097, #f8c7be);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#467097', endColorstr='#f8c7be', GradientType=0)";
	background: linear-gradient(top center, #467097 0%, #f8c7be 100%);
}
#social>ul>li.socialInstagram>.socialDate {
	background: url(../img/iconSocial_instagram.png) no-repeat left center;
}
#social>ul>li.socialAmebablog {
	background: -moz-linear-gradient(top center, #50aa29 0%, #78c8f8 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#50aa29), to(#78c8f8));
	background: linear-gradient(to bottom, #50aa29, #78c8f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#50aa29', endColorstr='#78c8f8', GradientType=0)";
	background: linear-gradient(top center, #50aa29 0%, #78c8f8 100%);
}
#social>ul>li.socialAmebablog>.socialDate {
	background: url(../img/iconSocial_amebablog.png) no-repeat left center;
}
#social>ul>li.socialTwitcasting {
	background: -moz-linear-gradient(top center, #0073ff 0%, #fee596 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#0073ff), to(#fee596));
	background: linear-gradient(to bottom, #0073ff, #fee596);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073ff', endColorstr='#fee596', GradientType=0)";
	background: linear-gradient(top center, #0073ff 0%, #fee596 100%);
}
#social>ul>li.socialTwitcasting>.socialDate {
	background: url(../img/iconSocial_twitcasting.png) no-repeat left center;
}
#social>ul>li .socialDate {
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 2px 0;
	padding-left: 30px;
}
#social>ul>li .socialContent {
	background: #fff;
	padding: 10px;
}
#social>ul>li .socialImage {
	margin-bottom: 10px;
}
#social>ul>li .socialImage img {
	width: 200px;
}
#social>ul>li .socialName {
	background: url(../img/socialNameHead.png) no-repeat left center;
	padding-left: 15px;
	margin-top: 10px;
}
#social>ul>li .socialName a{
	color:#ff50ff;
}

/***************************************************************************************/
@media (max-width: 640px){
#social {
	width:100%;
}
#social>ul {
}
#social>ul>li {
	margin:0 auto;
	width: 93%;
	padding: 0 5px 5px;
	margin-bottom:15px;
}
#social>ul>li.socialTwitter {
	background: -moz-linear-gradient(top center, #33a5e1 0%, #dbdca0 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#33a5e1), to(#dbdca0));
	background: linear-gradient(to bottom, #33a5e1, #dbdca0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a5e1', endColorstr='#dbdca0', GradientType=0)";
	background: linear-gradient(top center, #33a5e1 0%, #dbdca0 100%);
}
#social>ul>li.socialTwitter>.socialDate {
	background: url(../img/iconSocial_twitter_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li.socialFacebook {
	background: -moz-linear-gradient(top center, #004b9b 0%, #b3dbb4 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#004b9b), to(#b3dbb4));
	background: linear-gradient(to bottom, #004b9b, #b3dbb4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#004b9b', endColorstr='#b3dbb4', GradientType=0)";
	background: linear-gradient(top center, #004b9b 0%, #b3dbb4 100%);
}
#social>ul>li.socialFacebook>.socialDate {
	background: url(../img/iconSocial_facebook_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li.socialYoutube {
	background: -moz-linear-gradient(top center, #e6282d 0%, #d2b3e9 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#e6282d), to(#d2b3e9));
	background: linear-gradient(to bottom, #e6282d, #d2b3e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6282d', endColorstr='#d2b3e9', GradientType=0)";
	background: linear-gradient(top center, #e6282d 0%, #d2b3e9 100%);
}
#social>ul>li.socialYoutube>.socialDate {
	background: url(../img/iconSocial_youtube_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li.socialInstagram {
	background: -moz-linear-gradient(top center, #467097 0%, #f8c7be 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#467097), to(#f8c7be));
	background: linear-gradient(to bottom, #467097, #f8c7be);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#467097', endColorstr='#f8c7be', GradientType=0)";
	background: linear-gradient(top center, #467097 0%, #f8c7be 100%);
}
#social>ul>li.socialInstagram>.socialDate {
	background: url(../img/iconSocial_instagram_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li.socialAmebablog {
	background: -moz-linear-gradient(top center, #50aa29 0%, #78c8f8 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#50aa29), to(#78c8f8));
	background: linear-gradient(to bottom, #50aa29, #78c8f8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#50aa29', endColorstr='#78c8f8', GradientType=0)";
	background: linear-gradient(top center, #50aa29 0%, #78c8f8 100%);
}
#social>ul>li.socialAmebablog>.socialDate {
	background: url(../img/iconSocial_amebablog_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li.socialTwitcasting {
	background: -moz-linear-gradient(top center, #0073ff 0%, #fee596 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#0073ff), to(#fee596));
	background: linear-gradient(to bottom, #0073ff, #fee596);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0073ff', endColorstr='#fee596', GradientType=0)";
	background: linear-gradient(top center, #0073ff 0%, #fee596 100%);
}
#social>ul>li.socialTwitcasting>.socialDate {
	background: url(../img/iconSocial_twitcasting_sp.png) no-repeat left center;
	background-size:25px 25px;
}
#social>ul>li .socialDate {
	color: #fff;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 2px 0;
	padding-left: 30px;
}
#social>ul>li .socialContent {
	overflow:hidden;
	background: #fff;
	padding: 10px;
}
#social>ul>li .socialImage {
	float:left;
	margin-right:10px;
}
#social>ul>li .socialImage img {
	width: 100px;
}
#social>ul>li .socialContent p{
}
#social>ul>li .socialName {
	clear:both;
	background: url(../img/socialNameHead.png) no-repeat left center;
	padding-left: 15px;
	margin-top: 10px;
}

}