body{
	background-color:#EFEFEF;
	font-family:'Lato', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.main{
	margin: 0 auto;
	text-align:center;
	width:680px;
}
li{
	margin-bottom:0.8em;
}

.share_wrapper{
	margin:1em auto;
	text-align:center;
	margin-top:8px;
	margin-top:8px;
	width:600px;
}

a.share{
	display:block;
	float:left;
	width:200px;
	box-sizing:border-box;
	padding:16px 24px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	box-shadow: 1px 2px 4px rgba(0,0,0,0.6);
}

.share_wrapper p{
	font-size:large; font-weight:bold;
}

a.twitter{
	background-color:#55acee;
}
a.facebook{
	background-color:#3b5998;
}
a.line{
	background-color:#5ae628;
}
a.makeimg{
	background-color:#F39801;
}

.credit{
	clear:both;
	margin-top:20px;
	font-size:small;
	color:#888;
}

.credit a{
	font-size:xx-small;
	color:#888;
}
.pocket-btn
{
	display:inline;
}

.redbold{
	color:red; font-weight:bold;
}

.popupContent{
/* background: #fff;*/
 display:none; 
 /*width: 300px; height: 200px;*/
 /*position:absolute; top: 50%; left: 50%;/*ただの中央配置*/
 margin: -100px 0 0 -150px; 
 z-index:101;
 color:#FFF;

 text-align:center;
 }
.popupBox{
 display:none; 
 position :fixed; top: 0; left: 0;
 width: 100%; height: 100%;
 background: rgba(0,0,0,0.8); z-index: 100;
 }
 
 .popupBox #confilm{
 	font-size:small;
	margin: 50px auto;
 }
 .popupBox #tweetProcess{
 	 font-size:x-large;
	 font-weight:bold; 
	 margin: 200px auto;
 }
 .tweet-preview{
	padding: 1em 2em 1em 2em;
	width:400px;
	background-color: #f5f8fa;
	border: 1px solid #e1e8ed;
	border: 1px solid rgba(0,0,0,0.1);
	color:#333;
	text-align:left;
	margin: 0 auto;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;
 }
  #confilm a{
  	color:#FFF;
  }
  
.confirmButton{
	width:200px;
	height:50px;
	margin:1em;
	font-size:large;
	font-weight:bold;
	 	
}