@charset "utf-8";
/* CSS Document */

/*--------------------------------
	profile
--------------------------------*/

div.ud_single{
    padding-bottom: 50px;
}

ul.ud_profile{
	width:100%;
	overflow:hidden;
}
ul.ud_profile > li{
	float:left;
	width:15%;
	margin:0 2% 0px 0;
    min-height: 316px;
    padding-bottom: 15px;
}
ul.ud_profile > li:nth-child(6n){
	margin:0 0 15px 0;
}
ul.ud_profile > li p{
	font-weight:bold;
	font-size:14px;
}
ul.ud_profile > li p.ud_profile_photo{
	margin-bottom:14px;
	line-height:1.2em;
}
ul.ud_profile > li p.ud_profile_photo img{
	width:100%;
	height:auto;
}
ul.ud_profile > li p small{
	letter-spacing:0;
	display:block;
	font-size:10px;
	font-weight:normal;
	line-height:1.2em;
	margin-top:4px;
}
ul.ud_profile > li p span{
}
ul.ud_profile > li p span small {
  display: inline-block;
  padding-right: 4px;
  letter-spacing: -0.1em;
  font-size:10px;
  line-height: 1em;
}

ul.ud_profile > li ul.snslink{ width:100%; min-height:56px;}
ul.ud_profile > li ul.snslink li{ width:20px; padding-right:0px; display:inline-block; text-indent:-9999px; line-height:2em;}
ul.ud_profile > li ul.snslink li a{ display:block;}
ul.ud_profile > li ul.snslink li:last-child{ margin-right:0px;}

ul.snslink li.blog a{ background:url(../img/profile/snsicon/icon01.png) no-repeat center; width:20px; background-size: 20px;}
ul.snslink li.facebook a{ background:url(../img/profile/snsicon/icon02.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.Twitter a{ background:url(../img/profile/snsicon/icon03.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.GoogleP a{ background:url(../img/profile/snsicon/icon04.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.YouTube a{ background:url(../img/profile/snsicon/icon05.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.Instagram a{ background:url(../img/profile/snsicon/icon06.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.link a{ background:url(../img/profile/snsicon/icon07.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.TikTok a{ background:url(../img/profile/snsicon/icon08.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.showroom a{ background:url(../img/profile/snsicon/icon09.png) no-repeat center; width:20px;background-size: 20px;}
ul.snslink li.voicy a{ background:url(../img/profile/snsicon/icon10.png) no-repeat center; width:20px;background-size: 20px;}
/*
.ud_profile li{ position: relative;}
*/
.snsbtarea{ width: 100%; position: relative;}
.snsbt{ width: 100%; border: solid 2px #0da921; padding: 3px; box-sizing: border-box; font-size: 12px; text-align: center; display: block; cursor: pointer; margin-top: 10px; box-sizing:border-box; color:#0da921;}
.snsbt:hover{ background: #ecf8ee; color: #0da921;}
.snsbt.open{ text-indent: -9999px; background: url("../img/profile/sns_fukidashi_close.png") no-repeat 50% 50% #ecf8ee; background-size: 20px;}
.fukidashi{ display: none; position:absolute;  bottom: 40px; width: 100%;box-sizing: border-box; padding: 0 5px; background: url("../img/profile/sns_fukidashi.jpg") no-repeat 50% 100%; background-size: 18px; padding-bottom: 11px;}
.ud_profile .fukidashi ul.snslink{background: rgba(0,0,0,0.7); width: 90%; margin: 0 auto; width: 100%; padding: 8px; box-sizing: border-box;}
.ud_profile .fukidashi ul.snslink li{ color: #fff;}
.ud_profile .fukidashi ul.snslink li a {color: #fff;}
.ud_profile .fukidashi ul.snslink li.title{font-size: 8px; display: block;}
ul.ud_profile > li ul.snslink{ min-height: auto;}
ul.ud_profile > li ul.snslink li.nonindent{text-indent: 0; width: 100%; font-size: 10px;}


@media screen and (min-width: 700px) and (max-width: 999px) {
ul.ud_profile > li ul.snslink{ }
ul.ud_profile > li{
	width:23%;
	margin:0 1% 0 1%;
    min-height: 406px;
}
ul.ud_profile > li:nth-child(6n){
	margin:0 1% 0 1%;
}
}
@media screen and (min-width: 860px) and (max-width: 999px) {
    ul.ud_profile > li{
        min-height: 410px;
    }
}
@media screen and (min-width: 740px) and (max-width: 859px) {
     ul.ud_profile > li{
        min-height: 380px;
    }
}
@media screen and (min-width: 700px) and (max-width: 739px) {
     ul.ud_profile > li{
        min-height: 360px;
    }
}
@media screen and (min-width: 700px) and (max-width: 719px) {
}
@media screen and (min-width: 481px) and (max-width: 699px) {
ul.ud_profile > li ul.snslink{}
ul.ud_profile > li{
	width:31.33%;
	margin:0 1% 0px 1%;
}
ul.ud_profile > li:nth-child(6n){
	margin:0 1% 0px 1%;
}
}
@media screen and (min-width: 600px) and (max-width: 699px) {
    ul.ud_profile > li{
        min-height: 400px;
    }
}
@media screen and (min-width: 500px) and (max-width: 599px) {
    ul.ud_profile > li{
        min-height: 380px;
    }
}


@media screen and (max-width: 480px) {
ul.ud_profile{ width:auto;margin:10px 10px 0 10px}
ul.ud_profile > li{
	width:50%;
	margin:0 0 15px 0;
	padding-right:5px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 450px;
}
ul.ud_profile > li:nth-child(2n){
	padding-right:0;
	padding-left:5px;
}
ul.ud_profile > li ul.snslink{ min-height:64px;}
    
}
@media screen and (min-width: 360px) and (max-width: 400px) {
     ul.ud_profile > li{
     min-height: 392px;
    }
}
@media screen and (max-width: 359px)  {
    ul.ud_profile > li{
     min-height: 367px;
    }
}
@media screen and (max-width: 319px)  {
}