body{
	background-color:#EFEFEF;
	background-image:url("images/bg01s.png");
	font-family:'Lato', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ヒラギノ角ゴ ProN W3', sans-serif;
	overflow-x: hidden;
}
#main{
	margin: 8px auto;
	text-align:center;
	width:336px;
}
#canvas-area{
	text-align:center;
}

#canvas{
	background-color:#FFF;
}

#text-area{
	text-align:left;
}


.popupContent{
	 display:none; 
	 margin: -100px 0 0 -150px; 
	 z-index:101;
	 color:#FFF;
	 text-align:center;
 }
.popupBox{
 display:none; 
 position :fixed; top: 0; left: 0;
 width: 336px; height: 100%;
 background: rgba(0,0,0,0.7); z-index: 100;
 overflow:scroll;
 padding:0.2em 0.8em;
 }
 
 @media screen and (min-width: 512px) {
	 .popupBox{ width: 100%; }
 }
 
 .popupBox #confilm{
 	font-size:small;
	margin: 5% auto;
 }
 .popupBox #tweetProcess{
 	 font-size:large;
	 font-weight:bold; 
	 margin: 200px auto;
 }
 
  #confilm a{
  	color:#DDF;
  }
  
.tweet-preview{
	padding: 1em 2em 1em 2em;
	max-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;
 }
 
.adsensebox{
	text-align:center;
	font-size : 0.75em;
	margin:0.6em 0;
	color:#666;
}
 
 
 .credit{
	 font-size:0.8em;
	 color:#666;
 }
.credit a{ color:#999; }

.fb-like span{
	vertical-align: initial!important;
}


 /*snsシェア*/
 
 #lets {
    font-weight: bold;
    font-size: .9em;
    color: #666;
    margin-top: 1em;
}
.snsshare { 
min-height: 36px; 
margin-bottom:0.5em;
}
.snsshare .button {
    width: 18%;
    margin: 0 1%;
    float: left;
    text-align: center;
    display: inline-block;
}
.snsshare .count {
    font-size: .8em;
    width: 100%;
    box-sizing: ;
    margin: 8px 0;
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    background: #FFF;
    border: 1px solid #999;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 0;
}
.snsshare .count:before {
    content: "";
    margin: 6px 0;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #FFF;
    z-index: 0;
}
.snsshare .count:after {
    content: "";
    margin: 6px 0;
    position: absolute;
    top: -12px;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px;
    border-color: transparent transparent #ccc;
    z-index: -1;
}
.snsshare .pc_share {
    width: 100%;
    /*height: 40px;;
    margin: 4px 4px 20px;*/
}
.snsshare .pc_share  a {
    width: 100%;
    height: 40px;
    margin: 0;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
}
.snsshare .sp_share {
    width: 100%;
    height: 36px;
    padding: 5px 20px;
    margin: 0 -20px 16px;
   
}
.snsshare .sp_share  a {
    width: 100%;
    height: 36px;
    margin: 0;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
}
.snsshare a:hover {
    color: #ffffff;
    text-decoration: underline;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
.snsshare .pc_share  a img {
    background-image: url("images/sps_sns.png");
    margin: 0 auto;
    width: 100px!important;
    height: 40px!important;
}
.snsshare .sp_share  a img {
    background-image: url("images/sps_sns.png");
    margin: 3px auto;
    width: 30px!important;
    height: 30px!important;
}
.snsshare a#share_tw { background-color: #00ACEE }
.snsshare a#share_fb { background-color: #3B5998 }
.snsshare a#share_gp { background-color: #DF4A32 }
.snsshare a#share_ha { background-color: #0083D1 }
.snsshare a#share_pk { background-color: #F13D53 }
.snsshare a#share_li { background-color: #00C300 }
.snsshare .pc_share  a#share_tw img { background-position: 0 0 }
.snsshare .pc_share  a#share_fb img { background-position: -100px 0 }
.snsshare .pc_share  a#share_gp img { background-position: 0 -40px }
.snsshare .pc_share  a#share_ha img { background-position: -100px -40px }
.snsshare .pc_share  a#share_pk img { background-position: 0 -80px }
.snsshare .pc_share  a#share_li img { background-position: -100px -80px }
.snsshare .sp_share  a#share_tw img { background-position: 0 -120px }
.snsshare .sp_share  a#share_fb img { background-position: -30px -120px }
.snsshare .sp_share  a#share_gp img { background-position: -60px -120px }
.snsshare .sp_share  a#share_ha img { background-position: -90px -120px }
.snsshare .sp_share  a#share_pk img { background-position: -120px -120px }
.snsshare .sp_share  a#share_li img { background-position: -150px -120px }