/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
.wsbl_twitter{
    width: 80px;
}
.wsbl_facebook_like{
   width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
    margin: 0px 5px 0px 0 !important;
}
.wsbl_facebook_like span{
    vertical-align: top !important;
}
.wsbl_pinterest a{
    border: 0px !important;
}
.wsbl_google_plus_one{
 width: 60px;
}
.wsbl_evernote{
 width: 60px;
}
.wsbl_pocket{
 width: 100px;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 25px;
}
.pagetop a {
	display: block;
	width: 35px;
	height: 35px;
	background-color: #eeeeee;
	border-radius: 2px;
	text-align: center;
	color: #002844;
	font-size: 16px;
	text-decoration: none;
	line-height: 30px;
}

#text-12{
  text-align: center;
	padding-bottom:3%;
}
#text-12::before {
	color:#8ea5bf;
	font-size:13px;
	margin:20px;
	padding:0 10px;
	background-color:#ffffff;
	display: inline-block;
  content: "Sponsored Link" ;
}

#wpcom_social_media_icons_widget-4 ul {
	padding: 0;
  display: block;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
#wpcom_social_media_icons_widget-4 ul li {
  display: table-cell;
  vertical-align: middle;
	text-align: center;
	width: 25%;
}
#wpcom_social_media_icons_widget-4 li a{
	display: block;
	font-size: 3.5em;
	float: left;
}



/*search*/
 .search-content {
   background: #fff;
   padding: 2px;
   margin: 10px 5px ;
   position: absolute;
 }
 
 div#lipsum {
   padding-top: 50px;
 }
 
 span.glyphicon.glyphicon-search {
   cursor: pointer;
   padding: 8px;
   font-size: 20px;
   color: #000;
   margin: 0 auto;
   display: table;
	position: relative;
 }
 
 .search-wrap {
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
   background: rgba(0, 0, 0, 0.63);
   position: fixed;
   left: -100%;
   top: 0;
   width: 100%;
   height: 100%;
   display: table;
 }
 
 .search-middle {
   display: table-cell;
   vertical-align: middle;
   height: 100%;
 }
 
 .search-t {
   background: transparent;
   padding: 40px;
   color: #fff;
   font-size: 40px;
 }
 
 .close-btn {
   position: absolute;
   right: 0;
   top: 0;
   cursor: pointer;
   width: 50px;
   height: 50px;
   text-align: center;
   background: white;
   color: #575757;
   font-size: 32px;
   border-radius: 37px;
   margin: 20px;
 }


@media screen and (max-device-width: 780px) {
	 .search-content {
   background: transparent;
   padding: 2px;
   margin: 10px 5px ;
   position: absolute;
		
 }
 
 div#lipsum {
   padding-top: 50px;
 }
 
 span.glyphicon.glyphicon-search {
cursor: pointer;
padding: 8px;
font-size: 20px;
color: red;
margin: 0 auto;
position: relative;
display:none;
}

 .search-wrap {
	background: transparent;
position: absolute;
left: 100%;
top: 0;
width: 100%;
height: 100%;
display: inline;
 }
.search-middle {
   display: inline-block;
   vertical-align: left;
   height: 100%;
	 width: 280px;
	position: relative;
 }
 
 .search-t {
   background: transparent;
   padding: 15px;
   color: #fff;
   font-size: 15px;
 }
 
 .close-btn {
	display: none;
 }
}