/* LIST
******************************************************** */

#cont{overflow: hidden; max-width: 940px; width: 100%;}
#list{overflow: hidden; max-width: 960px;}
#list li{float: left; width: 46%; padding:0 2% 20px;}
#list li .ph{width: 96%; background: #fff; padding: 2%; box-shadow: 1px 1px 1px rgba(0,0,0,0.4); text-align: center;}
#list li .ph a{width:100%; height: 270px; display: block; overflow: hidden; text-align: center; background: #000;}
#list li .ph a div{height: 270px; display: table-cell; vertical-align: middle;}
#list li .ph img{width: 100%; vertical-align: text-bottom; margin: auto;}
#list li h2{font-size: 14px !important; font-weight: normal; line-height: 2.0; padding-top: 20px; margin: 0;
font-family: 'Montserrat', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#list li h2 span{color: #E4002D;}
#list li p{font-size: 14px; margin: 0;}

/*スマフォ（縦）*/
@media screen and (max-width: 480px) {
	#list li{float: none; width: 96%; padding:0 2% 20px;}
}

/* PROFILE
******************************************************** */

h1{background: #F1F1F1;}
h2{font-family: 'Montserrat', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#bg{min-height:500px;
	background-color:#000;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position: relative;
	}
	
#name{position: absolute; bottom:0;
	width:100%;
	padding: 20px 0;
	background: url(./img/w_bg.png);
	color: #000;
	}
	#name h2{color: #000; font-size: 36px; padding: 0 20px;}
	#name h2 span{font-size: 16px; vertical-align: middle; padding-left: 20px;}
	#name p{margin: 0; padding: 0 20px;}

.cont_bd:last-child{background: none;}
.cont_bg_ff{background: #fff;}

#prof_social{background: #fff; padding:  35px 25px; margin-top: 45px; overflow: hidden;}
#prof_social #social{max-width: 274px; width: 30%; padding-left: 20px; float: right; overflow: hidden;}
#prof_social #social h2{color: #E4002D; font-size: 16px;}
#prof_social #social ul{overflow: hidden;}
#prof_social #social ul li{float: left; padding: 0 10px 10px 0;}
#prof_social #social ul li img{vertical-align: text-bottom;}

#prof_social #profile{overflow: hidden; padding-right: 19px; border-right:1px solid #E5E5E5;}
#prof_social #profile h2{color: #E4002D; font-size: 16px;}

#widget ul{overflow: hidden;}
#widget li{width: 32%; height: 480px; float: left; margin-left: 2%; overflow: hidden;}
#widget li:first-child{margin-left: 0;}
#widget li:last-child{}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}	
iframe#twitter-widget-0{height:436px !important;}
#widget #widget_blog ul{padding: 10px; height: 460px; overflow: hidden;}
#widget #widget_blog li{width: 100%; height:auto; padding: 10px 0; margin: 0; border-bottom: 1px solid #E5E5E5; float: none;}
#widget #widget_blog li:last-child{border-bottom: none;}

#topics li,#live li{padding: 35px 25px; border-bottom: 1px solid #E5E5E5;}
#topics li:last-child,#live li:last-child{border-bottom: none;}
#live li a{color: #E4002D;}

#works .cont_bg_ff{padding: 35px 25px;}

#release{}
	#release li .box{padding:0 9px 0 10px;}
	#release li .ph{background: #fff; padding: 5px; margin-bottom: 10px; box-shadow: 1px 1px 1px rgba(0,0,0,0.4); line-height:0;}
	#release li .ph img{width: 100%; vertical-align: text-bottom;}
	#release li a span{color: #E4002D !important; font-size: 16px; font-weight: bold;}
	#release li a:hover{text-decoration: none;}

#release ul{
		display: flex;
		display:-webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap:wrap;
	    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	    -ms-flex-pack:justify;/*--- IE10 ---*/
	    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	    justify-content:space-between;
		}
	#release li{width: 25%; padding-bottom: 1em;}

#movie{}
	#movie ul{overflow: hidden;}
	#movie li{width: 313px; float: left;}
	#movie li .box{padding:0 9px 0 10px;}
	#movie li .ph{background: #fff; min-width: 150px; max-height: 150px; vertical-align: text-bottom; padding: 5px; margin-bottom: 10px; box-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
	#movie li .ph img{width: 100%; vertical-align: text-bottom;}
	#movie li a:hover{text-decoration: none;}

#link ul{overflow: hidden; padding-left: 20px;}
#link li{width: 230px; list-style: disc; line-height: 2.0; float: left;}


@media screen and (max-width: 480px) {
	#bg{min-height: 300px !important;}
	#prof_social #social{float: none; width: 100%; padding-left: 0; padding-bottom: 25px; margin-bottom: 25px; max-width: none; border-bottom:1px solid #E5E5E5;}
	#prof_social #social ul{display: inline;}
	#prof_social #profile{ padding-right: 0; border-right: none;}
	#widget{display:none;}
	#widget li{width: 100%; height: 300px; float: none; margin-left: 0; clear:both; padding-top:20px;}
	
	#release ul{display: none;}
	#release ul#first{display: inline;}
	#release ul#first li{width: 50%;}
	#release ul#first li:nth-child(3),#release_cont ul#first li:nth-child(4){display: none;}
		
	#movie ul{display: none;}
	#movie ul#first{display: inline;}
	/*#movie ul#first li{width:50%;}*/
	/*#movie ul#first li:nth-child(3){display: none;}*/
}