html{
    margin: 0;
    overflow-x: hidden;
}

body{
margin:0;
}

a{text-decoration: none;}


/* ------------------------------ */


#img_space{
    width:100%;
    height:100vh;
    position:fixed;
    top:0;left:0;
    z-index: -1;
    filter:brightness(90%);
    background-image: url(/common/home/back_01.jpg);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover;
}


/*　背景　フィルター　*/
#img_space:before{
animation: dot 3s linear infinite;
background-image: url(/../common/img/ten.png);
content: ""; display: inline-block;
height:100vh; width:100vw; 
opacity: 0.5; z-index: -1;
opacity:0.1;}
/*　背景　フィルター　アニメーション　*/
@keyframes dot {
from {background-position: 0 0; }
to {background-position: 4px 4px; }}


/* ------------------------------ */

.page_rink{
    display: flex;
    justify-content: space-around;
    width:100%;
    padding-top:1rem;
    
}

.page_rink a{
    height: 40px;
    width:20%;
    line-height: 40px;
    text-align: center;
    color:#FFF;
    position: relative;
    display: block;
    transition:0.25s;
    box-sizing: border-box;
}

.page_rink a:hover{
    transition:0.25s;
    background:rgba(0,0,0,.2);
    border-bottom: solid 1px rgb(140,140,140);
    
}


/*　リンク一覧　アイコン　*/
.rink_home::before,
.rink_list::before,
.rink_chat::before,
.rink_afi::before{
    content: "";
    background-repeat: no-repeat;
    background-size:1rem;
    display: inline-block;
    width:1rem;
    height:1rem;
    margin:0px 0.5rem -2px 0;   
}

/*　リンク一覧　アイコン　画像パス　*/
.rink_home::before{background-image: url(/common/home/1.png);}
.rink_list::before{background-image: url(/common/home/2.png);}
.rink_chat::before{background-image: url(/common/home/3.png);}
.rink_afi::before{background-image: url(/common/home/4.png);}



/* ------------------------------ */


.site_explan{
    position: relative;
    left:2rem;
    margin-top:15vh;
}

.site_explan h1{
    color:#FFF;
    font-size:5rem;
    margin:0;
    position: relative;
    text-shadow: 0px 4px 0px rgba(0,0,0,0.5);
    margin-bottom:4rem;
    font-family: "Cambria";

}



/* ------------------------------ */


#new_list{
    position: relative;
    left:20px;
    top:10px;
}

#new_list h2{
    text-align: left;
    padding-left:1rem;
    margin: 0;
    color:#FFF;
    margin-bottom:10px;
    color:#FF74B7;
}

#new_list h2::before{
    content: "";
    position:relative;
    display: inline-block;
    width:5px;
    height:1.5rem;
    margin:0px 1rem -2.5px 0;
    background:#FF74B7;
}



.list_content{
    display: flex;
}


#new_list div{
    padding: 0;
}


#new_list a{
    transition:0.25s;
}

#new_list a:hover{
    background:rgba(255,255,255,.2);
    transition:0.25s;
}

    #new_list a img{
        vertical-align:top;
        margin-right:15px;
    }

    .list3{font-size:0.6rem;}



#new_list .main_list{
    margin-right:10px;
    position: relative;
    margin:0;
}

            #new_list .main_list img{
                width:  150px;
                height: 150px;
                
            }

            #new_list .main_list .list1{
                width:175px;
                font-size:1.1rem;
            }

            #new_list .main_list .list2{
                font-size:1.4rem;
            }  

            #new_list .main_list .list3{
                position: absolute;
                bottom:1rem;
            }



#new_list div a{
    list-style: none;
    margin-bottom:5px;
    display: flex;
    flex-wrap: wrap;
    color:#FFF;
}

#new_list div a div span{
    position: relative;
    display: block
}


#new_list .sub_list{
    position: relative;
}

            #new_list .sub_list img{
                width:60px;
                height:60px;
            }

            #new_list .sub_list .list1{
                width:200px;
                font-size:0.8rem;
            }

            #new_list .sub_list .list2{
                width:175px;
                font-size:1rem;
            }


#new_list .sub_list a:nth-child(1){
    margin-bottom:1rem;
}



/* ------------------------------ */

/*　サイト説明　*/
.home_about{
    color:#FFF;
    position: relative;
    left:10%;
    margin-top:10rem;
}