/*-- ¢­ testData ¢­  --*/


    
    ul#ttList,ul#linkList,ul#stepList{width:100%;margin:0;display:none;}

    ul#ttList::after,ul#linkList::after,ul#stepList::after{
        
    height:0;
    content:",";
    clear:both;
        display:block;
        overflow:hidden;
        
    
    }

    
    ul#ttList>p,ul#linkList>p,ul#stepList>p{
    width:100%;
    text-align:center;    
    background:#064e08;    
    color:white;
    border-radius:60px;    
    font-size:30px;
        font-weight:bold;
        margin:0;
    }
    ul#ttList>p:first-of-type,ul#linkList>p:first-of-type,ul#stepList>p:first-of-type{
        margin:50px 0 10px;}
    
    ul#ttList li,ul#linkList li,ul#stepList li{
    list-style-type: none;
    width:30%;
    margin:1%;
    float:left;
    border:#064e08 3px solid;
    border-radius:30px;    
    overflow:hidden;    
    }
ul#linkList li + li{
    width:63%;
       position: relative;
     overflow:visible;
    
    
    
    }    
    ul#ttList li:hover,ul#linkList li:hover,ul#stepList li:hover{
    opacity:0.7;
    }

    
    
    ul#ttList li p,ul#linkList li p,ul#stepList li p{
    width:100%;
    text-align:center;
    background:#064e08;
    color:white;    
    font-size:24px;    
        
    }
    
    
    ul#ttList li a,ul#linkList li a,ul#stepList li a{
    display:block;
    text-decoration:none;    
    }

    
    ul#ttList li a span,ul#linkList li a p span,ul#stepList li a p span{
    width:100%;
    display:block;
    }
    ul#ttList li a img ,ul#linkList li a img,ul#stepList li a img{
    width:100%;
    }

 ul#linkList li p + p{
    
    color:#064e08;
    background:white;
    padding:10px;    
    box-sizing: border-box;
    margin:0;
    background: transparent;
    text-shadow: 1px 1px grey;
    }
    
    ul#ttList li img + p{
    
    margin:0;
    
    }    
    
    
    ul#linkList li + li::after{
        content:url(https://shopping.geocities.jp/rack-factory/image/parts/rnb-linksample.jpg); 
        position: ABSOLUTE;
        TOP: 3vw;
        Z-INDEX: -1;
        opacity:0.3;
    
    }
            
ul#linkList li + li p{
    border-radius: 30px 30px 0 0;
    }
/*-- ¢¬ testData ¢¬  --*/

span.product__price-members{
   display:block;
    text-align: center;
    background: linear-gradient(#064e08 30%, green 100%);
    color: white;
    font-weight: bold;
    font-size: 30px;
    border-radius: 10px;
    text-shadow: 0 0 1px black;
    box-shadow: 2px 2px 1px green;
    line-height: 45px;
    margin-bottom: 10px;
}
span.product__price{
    display: block;
    font-size: 30px;
    background: white;
    color: #064e08;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 10px;
    line-height: 45px;
}

a.joinMember{
    text-align: right;
  	padding-right:10px;
    display: block;
    border-radius: 10px;
    color: red;
    margin-top: 10px;
    line-height: 45px;
    margin-right :0;
	font-size:80%;
  
    transition:all 1s;
}
a.joinMember:hover{
    background:crimson;
    color:white;


}