naturallucky

        div.stage {
            height: 600px;
            /*background-position: 50% 50%;*/
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        
        .content {

naturallucky

*{
    margin:0;
    padding:0;
    
}
 
  .stage{
    perspective: 100px;
    height:100vh;
    

naturallucky

.lap{
    visibility: collapse;
}
.lap::target{
    visibility: visible;
}
.lap::target .overlap{
    opacity: 0.2;
    transition:  1s;    
}

naturallucky

.followcard {
	position: fixed;
	top: -2000px;

	z-index: 999;
        margin-left:16px; 
	padding:10px;
	background:#7777ff;
	border-radius: 8px;
    

naturallucky

.card{
	word-wrap:break-word;
	float:left;
        overflow: hidden;
        width:120px; 
        height:200px;
 
	margin:10px;
	padding:10px;
	background-color:#f5f5f5;

naturallucky

.base{
    position:relative;
}
.base .overlapcaption{
    position: absolute;
   
    background-color: rgba( 222, 200, 200, 0.8 ); 
    /*キャプションの形と位置*/
     top: calc(100% - 12px);
     top: -webkit-calc(100% - 12px);

naturallucky

tabs. * {
                margin: 0;
                padding: 0;
                }
            .tabs li{
                float:left;
                list-style: none;
            }
            .tabs{
                position:relative;

naturallucky

.tabs .content {
                display:none;
                opacity :0.15;
                background: #ffcccc;
                transition: opacity 1s;
            }

            .tabs [id^="page"]:checked + label {
                background: #ffeeee;
            }

naturallucky

    //60,67
    //45 81
    //32,95
    private String convertCharPack(int value, int charnum , int base , int packsize){
        int b;
        char[] ret = new char[charnum];
        for (int i = 0; i < charnum; i++) {
            b = value % packsize;
            ret[i] = (char)(b+base);
            value = value / packsize;

naturallucky

function blinkMessageToNotify(message){
  var msg = docId("message");
  var delStrLen =msg.textContent.length;
  msg.textContent = msg.textContent + message;
  delStrLen = msg.textContent.length - delStrLen;//be care for emoji...
  setTimeout(function(){
    msg.textContent = msg.textContent.substr(delStrLen);
  },12600);
}
function docId(idname){