/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html
.with-featherlight{overflow:hidden}
.featherlight{display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2147483647;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
    background:#333;
    background:rgba(0,0,0,0)}
    
    .featherlight:last-of-type{
        background:rgba(0,0,0,.8)}
    
    .featherlight:before{
        content:'';
        display:inline-block;
        height:100%;
        vertical-align:middle
    }
    
    .featherlight 
    .featherlight-content{
        position:relative;
        text-align:left;
        vertical-align:middle;
        display:inline-block;
        overflow:auto;
        padding:60px 50px 0;
        border-bottom:25px solid transparent;
        margin-left:5%;
        margin-right:5%;
        max-height:95%;
        background:#252525;
        cursor:auto;
        white-space:normal
    }
    
    .featherlight 
    .featherlight-inner{
        display:block
    }
    
    .featherlight link
    .featherlight-inner,
    .featherlight script
    .featherlight-inner,
    .featherlight style
    .featherlight-inner{
        display:none
    }
    
    .featherlight 
    .featherlight-close-icon{
        position:absolute;
        z-index:9999;
        top:0;
        right:0;
        line-height:50px;
        width:50px;
        cursor:pointer;
        text-align:center;
        font-family:Arial,sans-serif;
        background:#fff;
        background:rgba(255,255,255,.3);
        color:#000;
        border:0;padding:0
    }
    
    .featherlight 
    .featherlight-close-icon::-moz-focus-inner{
        border:0px;padding:0}
        
        .featherlight 
        .featherlight-image{width:100%}
        .featherlight-iframe 
        
        .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}
        
        .featherlight iframe{border:0}
        .featherlight *{
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            box-sizing:border-box;
            text-align: center;
        }


        .profile_memberimg,
        .member_name {
            margin: 0 auto;
            text-align: center;
        }
        
        .member_name {
			float: left;
            text-align: center;
			margin-top: 40px;
            margin-left: 40%;
        }


       .member_name_asuka {
            margin-top: 0;
        }

        .sns_icon {
            padding-top: 35px;
        }
        
/*         .sns_icon a {
            margin-left: 10px;
        } */
        
        .member_name  {
            
        }
        
        .profile_about_item{
        margin-top: 5%;
        
        }
        
        .birthday,
        .day,
        .bloodtype,
        .blood {
            text-align: left !important;
            margin: 10px 0 0 13%;
        }
        
        .bloodtype{
            padding-top: 20px;
        }
        
        .birthday,
        .bloodtype {
            font-size: 1.3em;
            font-weight: bold;
        }
        
        .day,
        .blood {
            font-size: 1.2em;
        }

    
    @media only screen and (max-width:1024px){
                .featherlight 
                .featherlight-content{
                    margin-left:0;
                    margin-right:0;
                    max-height:98%;
                    padding:10px 10px 0;
                    border-bottom:10px solid transparent}
                }
            
    @media print{html.with-featherlight>*>:not(
                .featherlight)
                {display:none}}

    @media screen and (max-width:768px){

        .member_name {
            font-size: 1em;
        }

        .sns_icon img {
            width: 30px;
        }
        
        .birthday,
        .bloodtype {
            font-size: 0.8em;
            font-weight: bold;
        }
        
        .day,
        .blood {
            font-size: 0.7em;
        }
    }

    @media screen and (max-width:480px){
    
        .featherlight *{
/*             width: 90%; */
            margin: 0 auto;
           
        }



        .featherlight 
        .featherlight-close-icon{
            line-height:30px;
            width:30px;
        }

        .member_profile {
            padding: 20px 0;
        }

        .profile_memberimg {
            padding-top: 30px;
        }

/*         .member_name {
            padding-bottom: 20px;
        } */

        .sns_icon img {
            padding-bottom: 20px;
/*             width: 20px; */
        }

        .member_name  {
            float: none !important;
        }
    

    }