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


/*

Copyright (c) 2010, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 3.3.0

build: 3167

　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/

body,div,dl,dt,dd,

ul,ol,li,h1,h2,h3,h4,h5,h6,

pre,code,form,fieldset,legend,

input,textarea,p,blockquote,th,td {

	margin:0;

	padding:0;

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

img {

	border:0;

}

ul,ol,li {

	list-style:none;

}



/*

Copyright (c) 2010, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.com/yui/license.html

version: 3.3.0

build: 3167

　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/

body{
	background:#ccc;

	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

    *font-size:small;/* IE用 */

    *font:x-small;/* IE 互換モード用 */
	
	color: #000;
	
	line-height: 2.0;
}

.normal_size_font{

	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	
	color: #000;
	
}



/* YUI3 CSS Fonts フォントサイズ対応表

10px:77%     11px:85%     12px:93% 

13px:100%    14px:108%    15px:116%

16px:123.1%  17px:131%    18px:138.5%

19px:146.5%  20px:153.9%  21px:161.6%

22px:167%    23px:174%    24px:182%

25px:189%    26px:197%

*/



/*　↓リンクに対する共通設定↓　*/

a {

	text-decoration: none;
	color: #666;

}



/*　↓HTML5　新要素をブロック化する↓　*/

header, section, footer, aside, nav, article, figure, hgroup { 

	margin:0;

	padding:0;

	display: block;

}


/*共通設定終わり*/



#wrapper {
	width:590px;
	margin:0 auto;
	background:#fff;
	padding:30px;
}

#picture {
    text-align: center;
	width: 410px;
    margin: 0 auto 30px;
    padding-top: 30px;
    display: flex;
    display: -webkit-flex;
    position: relative;
}


#main_pic,
#sub_pic {
    width: 50%;
}

#sub_pic img{
	margin: 0 0 5px 5px;
}




#mp3 {
	margin: 10px;
	text-align: center;
}
.l{
	margin: 0 5px;
}


#content {
	margin: 0;
	width: 590px;
	display: block;
}

footer {
	width: 650px;
}



#mp3 img{
	vertical-align: baseline;
	width: 27px;
}
#mp3 a{
	text-align:center;
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

#mp3 p a:hover{
	color: #fff;
	text-align:center;
	
	text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-moz-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-ms-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-o-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-webkit-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
}

a.link{
	color: #333;
	text-align:center;
	transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

a.link:hover{
	color: #fff;
	text-align:center;
	
	text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-moz-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-ms-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-o-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
	-webkit-text-shadow: 2px 0px 3px #333, 0px 2px 3px #666, -2px 0px 3px #333, 0px -2px 3px #333;
}


.head_line {
	margin: 60px 0;
	height :4px;
	border-top: #000 2px solid;
	border-bottom: #000 2px solid;
}


#name {
	margin: 30px auto 10px;
	text-align: center;
}

h3{
    margin-bottom: 20px;
}


.actor_name_1{
	color: #000;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


table{
    margin-top: 20px;
    margin-left: 0;
}
table th{
    width: 65px;
    text-align: left;
    font-weight: normal;
    vertical-align: text-top;
}
th, td{
    padding-bottom: 5px;
}
#content ul{
    margin-top: 20px;
}
#content li {
 font: normal 13px/26px Meiryo,"ヒラギノ角ゴ Pro W3",sans-serif;
 padding-left: 2em;
 position: relative;
}
#content li:before {
 display: block;
 content: "□";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;
}
/*個人コンテンツリンク*/
.prof_link{
	width: 224px;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	-webkit-flex-pack: center;
	-moz-flex-pack: center;
	flex-pack:centar;
	margin: 30px auto 0;
}
.prof_link div{
	display:block;
	width:36px;
	height:36px;
	margin: 0 10px;
}
.prof_link div a, .prof_link div p{
	display:block;
	width:36px;
	height:36px;
	overflow: visible;
}
.prof_link div a div{
	display:none;
}
.prof_link div a:hover > div{
	display: block;
	position: absolute;
	overflow: visible;
	margin-top:63px;
	white-space: nowrap;
	color: #333;
	text-align: center;
    left:50%; /* 左から半分 */
    width:100%; /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}



.prof_link .link_web {
	background:url(../images/svg/001-home.svg);
	background-size: contain;
}
.nolink_web {
	background:url(../images/svg/001-home_2.svg);
	background-size: contain;
}
.prof_link .link_blog {
	background:url(../images/svg/Blog.svg);
	background-size: contain;
}
.nolink_blog {
	background:url(../images/svg/Blog_2.svg);
	background-size: contain;
}
.prof_link .link_twitter {
	background:url(../images/svg/0403-twitter.svg);
	background-size: contain;
}
.nolink_twitter {
	background:url(../images/svg/0403-twitter2.svg);
	background-size: contain;
}
.prof_link .link_facebook {
	background:url(../images/svg/0398-facebook.svg);
	background-size: contain;
}
.nolink_facebook {
	background:url(../images/svg/0398-facebook2.svg);
	background-size: contain;
}




footer {
    margin: 30px 0 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
}

#footer_lft{
	margin-top:20px;
}

.sp{
    display: none;
}