/* -------------------------------------------
受講生作品紹介
--------------------------------------------*/
#contentsArea{
}
#contentsArea img{
	width:100%;
	height:auto;
}
#contentsArea .contentsArea__pageTitle{
	width: auto;
	padding: 30px 0 21px 0;
	text-align:center;
}
#contentsArea .contentsArea__pageTitle img{
	width: 70%;
	max-width: 312px;
	height: auto;
}
.contentsArea__pageText{
	margin-bottom:27px;
	color:#6e6e6e;
	text-align:center;
}
.team--b .contentsArea__pageText{
	margin-bottom:37px;
}
.contentsArea__wrap{
	background: url(../../../common/images/contents_bg.gif) repeat center 0;
}
.contentsArea__body{
	padding-top:33px;
	margin: 0 auto;
	padding-bottom:6px;
}
.contentsArea__body:after{
	content:"";
	display:table;
	clear:both;
}
.mainArea{
	max-width:414px;
	border:10px solid #ffe600;
	background:#ffe600;
	box-sizing:border-box;
	margin:0 auto 40px;
	padding: 3px 0 20px 0;
}
.mainArea__body{
	position:relative;
	padding:0 10px 28px;
	-webkit-border-radius:6px;
	border-radius:6px;
	/*
	-webkit-box-shadow:1px 1px rgba(0,0,0,0.11);
	box-shadow:1px 1px rgba(0,0,0,0.11);
	*/
	background:#fff;
}
.team--a .mainArea__title{
	position:absolute;
	top:-60px;
	left:50%;
	margin-left:-82px;
	width:164px;
}
.team--b .mainArea__title{
	position:absolute;
	top:-74px;
	left:50%;
	margin-left:-68px;
	width:154px;
}
.team--x .mainArea__title{
	position:absolute;
	top:-37px;
	left:50%;
	margin-left:-101px;
	width:204px;
}
.team--y .mainArea__title{
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-92px;
	width:204px;
}
.mainArea__wrap{
	padding:50px 0 0 0;
}
.team--b .mainArea__wrap{
	padding:70px 0 0 0;
}
.mainArea__slide{
	width:100%;
	position:relative;

}
.mainArea__slideBody{
	position:relative;
	height:256px;
	width:255px;
	margin:0 auto;
}
/*
.team--b .mainArea__slideBody{
	position:relative;
	height:auto;
	padding-top:348px;
}
*/
.mainArea__slideItem {
  	position: absolute;
  	top: 55px;
  	left: 0;
  	width:255px;
  	height:256px;
  	margin-left:0;
}
/*
.team--b .mainArea__slideItem{
  	position: absolute;
  	top: 67px;
  	left: 50%;
  	width:255px;
  	height:256px;
  	margin-left:-129px;
}
*/
.mainArea__slideItem .item * {
	filter: inherit;
}
.mainArea__slidePrev{
	position:absolute;
	top:95px;
	left:0%;
	margin-left:-10px;
	width:26px;
	height:52px;
	background:url(../images_sp/btn--prev_sp.png)no-repeat;
	background-size:26px auto;
}
.mainArea__slideNext{
	position:absolute;
	top:95px;
	right:0%;
	margin-right:-10px;
	width:26px;
	height:52px;
	background:url(../images_sp/btn--next_sp.png)no-repeat;
	background-size:26px auto;
}
.mainArea__slidePrev img,
.mainArea__slideNext img{
	display:none;
}
.mainArea__slidePrev{
	display:none;
}
.mainArea__slideMovie{
	text-align:left;
}
.mainArea__slideMovie-title{
	display:none;
}
.mainArea__slideMovie-image{
	display:none;
}
.team--a .mainArea__slideMovie-image{
	display:none;
}
.team--b .mainArea__slideMovie-image{
	background:url(../../team_b/images_sp/mainArea__slideMovie-images_2x.png)no-repeat center top;
	background-size:62% auto;
	width:300px;
	height: 135px;
	margin: 6px auto;
}
.team--x .mainArea__slideMovie-image{
	background:url(../../team_x/images_sp/mainArea__slideMovie-images_2x.png)no-repeat center top;
	background-size:62% auto;
	width:300px;
	height: 135px;
	margin: 6px auto;
}
.team--y .mainArea__slideMovie-image{
	background:url(../../team_y/images_sp/mainArea__slideMovie-images_2x.png)no-repeat center top;
	background-size:62% auto;
	width:300px;
	height: 135px;
	margin: 6px auto;
}
.mainArea__slideMovie-category{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-left:16px;
	line-height:1.6;
	font-size:12px;
	font-weight:bold;
	margin-left: 8px;
}
.mainArea__slideMovie-category:before{
	content:"";
	display:inline-block;
	width:5px;
	height:37px;
	background:#ffe600;
	-webkit-border-radius:4px;
	border-radius:4px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:1px;
}
.mainArea__slideMovie-category .pc_br {
	display: none;
}
.mainArea__movieBtn{
	border-radius:4px;
	text-align:center;
	text-indent:12px;pc_br
	line-height:40px;
	position:relative;
	width: 95%;
	margin: 10px auto 26px;
	background:#ffe600;
}
.mainArea__movieBtn a{
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:10px 15px 8px 0;
}
.mainArea__detail{
	padding-top:23px;
	text-align:left;
}
.mainArea__detailTitle{
	margin-bottom:18px;
	margin: 0 auto;
	width: 95%;
}
#contentsArea .mainArea__detailTitle img{
	height:23px;
	width: auto;
}
.mainArea__detailText{
	padding-left:8px;
	margin: 20px 9px 28px 5px;
	line-height:1.8;
	font-size:12px;
}
.mainArea__detailText .pc_br {
	display: none;
}
.mainArea__detailBtn{
	text-align:center;
	line-height:40px;
	position:relative;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.2em;
	width: 95%;
	margin: 0 auto;
}
.mainArea__detailBtn a{
	display:block;
	border:6px solid #ffe600;
	height:100%;
	text-decoration:none;
	padding-right:15px;
}
.btn--arrow a:after{
	content:"";
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-5px;
	width:12px;
	height:11px;
	background:url(../images/btn--arrow.png)no-repeat;
	background-size:12px auto;
}

.directorArea{
	padding-top:27px;
}
.directorArea__title{
}
.directorArea__comment{
	position:relative;
	margin-top:31px;
	padding-top:135px;
}
.directorArea__comment:after{
	content:"";
	display:table;
	clear:both;
}
.directorArea__images{
	position:absolute;
	top:0;
	left:50%;
	width:100px;
	margin-left: -50px;
}
.directorArea__textArea{
	padding:23px 20px 7px;
	font-size:12px;
	line-height:2;
	text-align:left;
	-webkit-border-radius:10px;
	border-radius:10px;
	letter-spacing:0em;
	position:relative;
	-webkit-box-shadow:1px 1px rgba(0,0,0,0.11);
	box-shadow:1px 1px rgba(0,0,0,0.11);
	background:#fff;
}
.directorArea__textArea br{
	display:none;
}
.directorArea__textArea:before{
	content: "";
	display: block;
	position: absolute;
	top: -11px;
	left: 50%;
	width: 22px;
	height: 12px;
	margin-left: -11px;
	background: url(../images_sp/comment--top.png);
	background-size:22px auto;
}
.directorArea__text{
	margin-bottom:21px;
	line-height: 1.8;
}
.sideArea{
	max-width:414px;
	margin:0 auto;
	padding-bottom:14px;
}
.sideArea__body{
	padding-top:12px;
	padding-bottom:12px;
	background:#ffe600;
	margin-bottom:35px;
}
.sideArea__title{
	padding-right:3px;
	width:210px;
	margin:0 auto 24px;
	height:39px;
	background:url(../images_sp/sideArea__title_2x.png)no-repeat;
	background-size:210px auto;
}
.sideArea__title img{
	display:none;
}
.sideArea__nav{
	padding:0 10px;
}
.sideArea__navList{
	display:inline-block;
	width:43%;
	padding:3.5% 3.5%;
	position:relative;
}
.navList--current:before{
	content:"";
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-24px;
	width:51px;
	height:24px;
	background:url(../images_sp/navList--current_2x.png)no-repeat;
	background-size:51px auto;
}
.sideArea__banner{
	padding:0 14px 23px;
}
.sideArea__bannerImages{
	width:190px;
	margin:0 auto 5px;
}
.sideArea__bannerImages a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.sideArea__bannerImages:hoverefore{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.3;
	-webkit-border-radius:12px;
	border-radius:12px;
}
.sideArea__bannerText{
	color:#6e6e6e;
	font-size:12px;
	text-align:center;
}