@charset "utf-8";   

/* main-7 */
.main7__sec , .main7__inner { width:100% }
.main7__sec   { padding:6rem 0 }
.main7__inner { 
    width:96% ; margin:auto ;
    font-size:0 ; text-align:center 
}  

.main7__title {
    font-size:3.4rem ; line-height:140% ; font-weight:600 ; color:#111111 ; text-align:center ;
    margin-bottom:3rem ; letter-spacing:-0.1rem ;
}

.main7__sns__list { width:100% ; text-align:center ; font-size:0 ; margin-bottom:2rem }
.main7__sns__item , .main7__sns__link , .main7__sns__img { width:19rem }
.main7__sns__item { 
    display:inline-block ; 
    margin:0 0.6rem 3rem ;
    vertical-align:top ;
}
  
.main7__sns__link , .main7__sns__img , .main7__sns__img > span { display:block }
.main7__sns__img {
    overflow:hidden ; height:19rem ; margin-bottom:1rem ;
    border-radius:100% ; position:relative ;
}
.main7__sns__img > span , .main7__sns__img::after {
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    transition:0.3s all ;
}
.main7__sns__img > span {
    width:100% ; height:100% ; 
    background-position:center ; background-repeat:no-repeat ; background-size:cover ;
}
.main7__sns__img::after {
    display:block ; content:"" ; width:6rem ; height:6rem ; 
    border-radius:100% ; opacity:0.8 ;
    background:url(../icons/icon_heart_white.svg) no-repeat center ; background-size:50% ;
    background-color:rgba(0,0,0,0.4) ;
}
.main7__sns__link:hover .main7__sns__img > span { transform:translate(-50%,-50%) scale(1.1)}
.main7__sns__link:hover .main7__sns__img::after { width:101% ; height:100% ; background-size:5rem ; background-color:rgba(0,0,0,0.3)  ; opacity:1 }
.main7__sns__hash { font-size:1.8rem ; line-height:140% ; font-weight:500 ; text-align:center ; word-break:keep-all }
.main7__sns__link:hover .main7__sns__hash { color:#111111 ; transition:0.3s all }

.main7__more { 
    display:block ; width:8rem ; margin:auto ; padding:0.7rem 0.2rem ;
    font-size:1.4rem ; line-height:120% ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    transition:0.3s all ;
}
.main7__more:hover { background-color:#111111 ; border-color:#111111 ; color:#ffffff }





@media screen and (min-width:1024px){ 

    /* main-7 */
    .main7__sec   { padding:8rem 0 }
    .main7__title { font-size:4rem ; margin-bottom:4rem }
    .main7__inner { max-width:120rem ; padding:0 ; margin:0 auto ; position:relative } 

    .main7__sns__item:first-child , .main7__sns__item:nth-child(7) { margin-left:0 }
    .main7__sns__item:nth-child(6n) { margin-right:0 }
    
}





@media print {  }