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

/*
ヘッダー、グローバルナビはcommon.cssに記載
コンテンツエリア、メインコンテンツエリア、サブコンテンツ等の構造枠はcntsCommon.cssに記載
*/


/*　メインコンテンツ
----------------------------------------------- */
div#mCnts h2.txtTtl_user {
	width: 720px;
	height: 50px;
	margin: 0 0 40px 0;
}


div#mCnts h3.userTtl {
	width: 720px;
	line-height: 1.5;
	letter-spacing: 0em;
	margin: 0 0 15px 0;
}



ul#userList {
	width: 720px;
	margin: 0 0 150px 0;
	overflow: hidden;
}

ul#userList li {
	width: 720px;
	margin: 0 0 110px 0;
	overflow: hidden;
}

ul#userList li p.userListFace {
	width: 360px;
	height: 270px;
	margin: 0 35px 0 0;
	float: left;
}

ul#userList li div.userListCap {
	width: 325px;
	height: 30px;
	margin: 0 0 13px 0;
	background-color: #006699;
	float: left;
}

ul#userList li div.userListCap p {
	width: 325px;
	height: 30px;
	font-size: 108%;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
}

ul#userList li p.userListName {
	width: 325px;
	font-size: 85%;
	color: #666;
	line-height: 1.8;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: dotted #ccc 1px;
	float: left;
}

p.userRead {
	width: 325px;
	margin: 0;
	font-size: 93%;
	line-height: 1.8;
	float: left;
}

@media only screen and (max-width: 767px) {
	div#mCnts h2.txtTtl_user,
	ul#userList,
	ul#userList li,
	div#mCnts h3.userTtl,
	ul#userList li div.userListCap,
	ul#userList li div.userListCap p,
	ul#userList li p.userListName,
	p.userRead {
		width: 100%;
		height: auto;
	}
	ul#userList li p.userListFace {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 20px 0;
	}
	ul#userList li p.userListFace img {
		max-width: 360px;
		width: 100%;
		height: auto;
	}
}

/*　動画
----------------------------------------------- */
div#user_movie {
	padding:0;
    font-size:0px;
	margin:0 0 100px 0;
}
div#user_movie .m_left {
	width:375px;
    display: inline-block;
}
div#user_movie .m_right{
	width:345px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
	div#user_movie {
		text-align: center;
		margin: 0 0 50px 0;
	}
	div#user_movie .m_left,
	div#user_movie .m_right{
	  display: block;
		max-width:375px;
		width: 100%;
		margin-bottom: 10px;
	}
	div#user_movie .m_left iframe,
	div#user_movie .m_right iframe {
		width: 100%;
		height: auto;
	}
}