@charset "Shift_JIS";
/**
 * profile.css
 * update : 2014.01.27
 */

/*--------------------------------------------------------------------------------
	Setting
--------------------------------------------------------------------------------*/
html {
	font-family: "ŸàƒSƒVƒbƒN‘Ì","Yu Gothic",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Meiryo,sans-serif;
	font-size: 20px;
	line-height: 1.5;
}

body {
	margin:0;
	padding:0;
	background-color: #000;
}

a {
	color: #5290bd;
	text-decoration: none;
	outline:none;
}

a:hover,a:active {
	text-decoration: underline;
}

a.arrow {
	padding-left: 13px;
	line-height: 1.2;
	background: url("../img/link_arrow.png") no-repeat 0 0.3em;
}

.mod-iconNewWin {
	margin: 6px 0 0 4px;
	display: inline-block;
	vertical-align: top;
	width: 11px;
	height: 0;
	padding: 9px 0 0;
	overflow: hidden;
	background: url("/share4/images/mod-iconNewWin/ico_01.png");
}

/*--------------------------------------------------------------------------------
	#Profile
--------------------------------------------------------------------------------*/
#Profile {
	position: relative;
	margin: 0 auto;
	padding: 60px 40px;
	font-size: 125%;
	color: #fff;
	background: #000;
	border: 1px solid #5c5c5c;
}
#Profile .clearfix {
	zoom: 1;
}
#Profile .clearfix:after {
	clear: both;
	display: block;
	content: "";
}
#Profile .txt {
	float: right;
	width:45%;
}

#Profile .txt span{
	line-height:1;
}
#Profile .txt span.act,
#Profile .txt span.group {
	display: block;
    font-family: 'Hiragino Mincho ProN', HG–¾’©E, '‚l‚r ‚o–¾’©', serif;
    font-size: 20px;
    color: rgb(224, 224, 224);
    letter-spacing: 0.2em;
    -webkit-font-smoothing: antialiased;
}
#Profile .txt span.name {
	display: inline-block;
    vertical-align: bottom;
    font-family: 'Hiragino Mincho ProN', HG–¾’©E, '‚l‚r ‚o–¾’©', serif;
    font-size: 38px;
    color: rgb(224, 224, 224);
    letter-spacing: 0.2em;
    -webkit-font-smoothing: antialiased;
	margin-top:16px;
}
#Profile .txt span.romaji {
	display: inline-block;
    vertical-align: bottom;
    font-family: Lora, serif;
    font-size: 16px;
    color: #e66c00;
    letter-spacing: 0em;
    -webkit-font-smoothing: antialiased;
    padding-top: 10px;
}
#Profile .image {
	float: left;
	margin-left:75px;
}
#Profile p {
	font-size: 13px;
    color: #e0e0e0;
    letter-spacing: .08em;
    margin-top: 26px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}
#Profile .profile__data-link {
    margin-top: 11px;
}
#Profile .profile__data-link + .profile__data-link {
    margin-top: 0px;
}
#Profile .profile__data-link a {
	outline:none !important;
}
#Profile .profile__data-link a img {
	float:none;
	outline:none !important;
	border-style:none !important;
}

#Profile .profile__data-link a{
    color: #5687f5;
    font-size: 13px;
    background-image: url(/ichigan/a-universe/assets/img/common/link_window_01.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto;
    padding-right: 20px;
    line-height: 1.6;
    word-break: break-all;}

@media screen and (max-width:370px){
	#Profile {
	padding: 20px;
}
#Profile .txt {
	float: none;
	width:100%;
}
	#Profile .image {
	float: left;
	width:140px;
	margin-right: 10px;
	margin-left:0px;
	}
	#Profile .txt span.act {
	    font-size: 13px;
		padding-top:30px;
    }
	#Profile .hinanchu span.act {
		padding-top:60px;
    }
	#Profile .suzuki span.act {
		padding-top:44px;
    }
	#Profile .txt span.group {
	    font-size: 13px;
    }
#Profile .txt span.name {
	    font-size: 22px;
    letter-spacing: 0rem;
	    margin-top: 0px;
}
#Profile .txt span.romaji {
	display: block;
    font-size: 12px;
	padding-top: 10px;
}
#Profile p {
	margin-top:70px;
}
	#Profile .profile__data-link a {
		width:auto;
		outline:none;
	}
	#Profile .profile__data-link a img {
		width:100%;
		outline:none;
	}
}