/*---------- メインシナリオ ---------------*/



.phase{
    position: relative;
    
    overflow: hidden;
    page-break-inside:avoid;
}
.phasedummy{
    position: relative;
    overflow: hidden;
}




/*-----------------      本文       ------------------*/
/*

#topbody h3{
    text-align: center;
}

#topbody h3 span{
    border-bottom: 1px solid;
}*/

.more{
    margin: 1em 0;
   text-align: center;
}
.more a{
    text-decoration: none;
}
.more a i{
    margin: 0 0.3em 0 0;
}






.nameset{
    position: absolute;
    bottom:2%;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 60%;
     transform: rotate(0.05deg);

}
.nameset li{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nameset li.name{
    font-size: 200%;
}



.project1 .nameset{
    right:1%;
}

.project2 .nameset{
   left:1%;
}

.project3 .nameset{
   right:40%;
}

.project4 .nameset{
   right:1%;
}





.ball{
    position: absolute;
    background-color: #fff;
    margin: 0;
    width:60px;
    height:60px;
    border-radius: 120px;
    display:none;
    
}



.ball img{
    position: absolute;
    left:0;
    top:0;
    display: block;
    padding: 0;
    margin: 0;
    width:100%;
    height:100%;
}

.lball{
    position: absolute;
    margin: 0;
    width:60px;
    height:60px;
    border-radius: 120px;
    display:block;
}
.lball img{
    position: absolute;
    left:0;
    top:0;
    display: block;
    padding: 0;
    margin: 0;
    width:100%;
    height:100%;
}
.person{
    overflow: hidden;
}



.person img{
    position: absolute;
    left:0;
    bottom:0;
}
#person1{
    width:200%;
    max-width:none;
}
#person2{
    width:200%;
    max-width:none;
}
#person3{
    width:200%;
    max-width:none;
}
#person4{
    width:300%;
    max-width:none;
}



.oldie .ball{
    background-color: transparent !important;
}

.catch{
    
}

.action{
    
}
.pahesearea{
    position: relative;
    max-width:1200px;
    margin: auto;
}

.paheseinner{
    position: relative;
    padding-bottom: 50%;
    width:100%;
    box-sizing: border-box;
    
}

.layer{
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    padding:0 0 50% 0;
}
.logo{
    position: absolute;
    width:32%;
    top:10%;
    left:10%;
}




.parts{
    position: absolute;
}
#waveleftbase{
     right:69%;
     overflow: hidden;
}
#waverightbase{
     left:49%;
     overflow: hidden;
}
#waveleft{
    width:100%;
    top:50%;
    left:100%;
    
}
#waveright{
    width:100%;
    top:30%;
    left:-100%;
}

#knockbase{
    right:30%;
    overflow: hidden;
}

#knock{
    width:100%;
    left:100%;
    top:50%;
}

#morethink{
    width:60%;
    left:3%;
    top:28%;
}

.products h3{
    text-align: center;
}

.products h3 span{
    border-bottom: 1px solid;
    
}

#topmessage{
    background:#f0f0f0;
    overflow:hidden;
}

#topmessage ul{
    list-style:none;
    margin:20px;
    padding:20px;
    border:2px solid #064583;
    background:#fff;
}

#topmessage li{
    
}

#topmessage a{
    color: #064583;
}

#topmessage .date{
    margin:0 1em 0 0;
}


@media screen and (max-width: 640px) {
    .info{
        font-size: 90%;
    }
    h2{
        font-size: 120%;
        padding: 2em 0.2em;
    }
    
    #phase1 .paheseinner{
        min-height:300px;
        
    }
     #phase1 .logo{
        min-width:180px;
        max-width: 50%;
    }
    
    .nameset{
        display: none;
    }
    
    
    .discription{
        text-align: left;
    }
    .discription span{
        
        display: inline;
    }
    
    /*
    .products{
         padding:0 0 4em 0;
    }
    .products li{
        float:none;
        width:auto !important;
        margin: 0 0 0 1em;
    }
    
    
    
    .products .contentimage{
        background-image: none;
         display: none;
    }
    .products .topcontent .content{
        min-height: 0;
        width:auto;
        float: none;
    }
    .products .productlogo span{ 
        padding: 20px 0;
      font-size: 120%;
    }


    .products .productlogo img{
       max-width:80%;
    }
    */
}