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


/******************************************************************************
.framePostSeikyu（資料請求項目）
*****************************************************************************/

.framePostSeikyu {
	padding-top:355px;
	padding-bottom:25%;
	margin-bottom:115px;
	height:0;
	position:relative;
	overflow:hidden;
}

.framePostSeikyu::before {
	content:"";
	display:block;
	width:95%;
	height:0;
	overflow:hidden;
	padding-top:133px;
	background:url(css_img/partsSeikyuTail01.svg) no-repeat right top;
	background-size:950px;
	position:absolute;
	right:10%;
	top:190px;
	z-index:-1;
}

.framePostSeikyu .linkSeikyu {
	display:block;
	width:210px;
	height:0;
	overflow:hidden;
	padding-top:95px;
	background:url(css_img/partsSeikyuText01.svg) no-repeat left top;
	background-size:100%;
	position:absolute;
	right:35%;
	top:210px;
}

.framePostSeikyu .photoPnf {
	position:absolute;
	z-index:-2;
	right:5px;
	top:35px;
	width:245px;
	line-height:0;
}

.framePostSeikyu .photoLess {
	display:none;
}

.framePostSeikyu .linkLesson {
	display:block;
	width:96%;
	height:0;
	overflow:hidden;
	padding-top:28.5%;
	background:url(css_img/partsSeikyuBtmTaiken01.svg) no-repeat left bottom;
	background-size:100%;
	position:absolute;
	bottom:0;
	left:2%;
}

/* ウィンドウ幅が768px?の場合に適用するCSS */
@media screen and ( min-width:768px ){
	.framePostSeikyu {
		padding-top:0;
		padding-bottom:0;
		height:auto;
	}


	
	.framePostSeikyu::before {
		width:95%;
		padding-top:133px;
		background:url(css_img/partsSeikyuTail01.svg) no-repeat right top;
		background-size:100%;
		right:30%;
		top:190px;
	}
	
	.framePostSeikyu .wideFrame {
		position:relative;
		padding-top:355px;
		padding-bottom:12%;
	}

	
	.framePostSeikyu .linkSeikyu {
		width:210px;
		padding-top:95px;
		position:absolute;
		right:40%;
		top:210px;
	}

	
	.framePostSeikyu .photoLess {
		display:block;
		position:absolute;
		right:10%;
		top:50px;
		z-index:-2;
		width:450px;
	}
	
	.framePostSeikyu .linkLesson {
		padding-top:12.5%;
		background-position:left top;
		bottom:0;
		left:2%;
	}
	
	.framePostSeikyu .photoPnf {
		z-index:1;
		right:auto;
		left:55px;
		top:35px;
		width:245px;
	}
}

/******************************************************************************
#imgMainSite（メインイメージ）
*****************************************************************************/

#imgMainSite {
	/*background:#eee;*/
	background:#333;
}

#imgMainSite .wideFrame{
	padding:0 0 0 0;
	position:relative;
}

/*#imgMainSite .wideFrame::before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:80%;
	height:0;
	padding:20% 0 0 0;
	background:url(css_img/partsSlideOp.svg) no-repeat left top;
	background-size:100%;
	z-index:12;
}*/

#imgMainSite .wideFrame::before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:95%;
	height:0;
	padding:22.5% 0 0 0;
	background:url(css_img/partsSlideOp2.svg) no-repeat left top;
	background-size:100%;
	z-index:12;
}

#imgMainSite .itmSlideImg {
	background:#fff;
	/*height:420px;*/
	line-height:0;
}
#imgMainSite .itmSlideImg img{
	width:100%;
}

/*ストップボタン*/
#imgMainSite .slidesjs-stop,
#imgMainSite .slidesjs-play {
	display:none!important;
}

#imgMainSite .slidesjs-previous,
#imgMainSite .slidesjs-next {
	position:absolute;
	top:50%;
	z-index:15;
	width:20px;
	height:0;
	overflow:hidden;
	padding-top:20px;
	border-top:solid 5px #ffffffcc;
	border-right:solid 5px #ffffffcc;
	display:block;
	margin-top:-30px;
}
#imgMainSite .slidesjs-previous {
	left:10px;
	-moz-transform:    rotate( -135deg );  /* Firefox用 */
	-webkit-transform: rotate( -135deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -135deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -135deg );  /* IE9用 */
	transform:         rotate( -135deg );  /* CSS3の書き方 */
}

#imgMainSite .slidesjs-next {
	right:10px;
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}

#imgMainSite .slidesjs-pagination {
	padding:5px 0 0;
}

#imgMainSite .slidesjs-pagination li{
	display: inline-block;
	padding:0 8px;
}

#imgMainSite .slidesjs-pagination li a{
	display:block;
	width:18px;
	height:0;
	overflow:hidden;
	padding-top:18px;
	background:#fff;
	border-radius: 18px;        /* CSS3草案 */  
	-webkit-border-radius: 18px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 18px;   /* Firefox用 */
	position:relative;
}
#imgMainSite .slidesjs-pagination li a.active::before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:#ccc;
	position:absolute;
	left:3px;
	top:3px;
	border-radius: 12px;        /* CSS3草案 */  
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 12px;   /* Firefox用 */
}

/******************************************************************************
#listLiteBtm（リンクボタン）
*****************************************************************************/

#listLiteBtm {
	/*background:#eee;*/
	background:#333;
	/*margin-bottom:50px;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+0,777777+100 */
background: #333333; /* Old browsers */
background: -moz-linear-gradient(top, #333333 0%, #777777 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #333333 0%,#777777 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #333333 0%,#777777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
}

#listLiteBtm ul {
	padding:0 0 0.5em 0;
}

#listLiteBtm li {
	width:33%;
	float:left;
	box-sizing:border-box;
	padding:0;
	text-align:center;
	line-height:0;
	position:relative;
	overflow:hidden;
}
#listLiteBtm li::before{
	position:absolute;
	content:"";
	display:block;
	width:100%;
	height:5px;
	background-color:#DA1818;
	left:-100%;
	bottom:0;
	z-index:10;transition-property:left;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#listLiteBtm li:hover::before{
	left:0;
}

#listLiteBtm li img{
	width:100%;
}

#listLiteBtm li a{
	display:block;
	width:100%;
	padding:67% 0 0 0;
	font-size:0;
	height:0;
	position:relative;
	overflow:hidden;
	background:no-repeat left top;
	background-size:100%;
	border-radius: 0;        /* CSS3草案 */  
	-webkit-border-radius: 0;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0;   /* Firefox用 */
}

#listLiteBtm li a.p01{
	background-image:url(css_img/btmTopUdersld_01.svg);
}
#listLiteBtm li a.p02{
	background-image:url(css_img/btmTopUdersld_02.svg);
}
#listLiteBtm li a.p03{
	background-image:url(css_img/btmTopUdersld_03.svg);
}

/* ウィンドウ幅が768px?の場合に適用するCSS */
@media screen and ( min-width:768px ){
	
	#listLiteBtm li a{
		padding:35% 0 0 0;
	}
	
	#listLiteBtm li a.p01{
		background-image:url(css_img/btmTopUdersldWide_01.svg);
	}
	#listLiteBtm li a.p02{
		background-image:url(css_img/btmTopUdersldWide_02.svg);
	}
	#listLiteBtm li a.p03{
		background-image:url(css_img/btmTopUdersldWide_03.svg);
	}
}

/******************************************************************************
#areaPrOffice（アピール文テキスト）
*****************************************************************************/

#areaPrOffice {
	text-align:center;
	position:relative;
	font-weight:bold;
	font-size:1.28em;
	line-height:1.5em;
	color:#1C1C1C;
	text-shadow:2px 2px 0 #ffffff;
	background:url(css_img/imgPRMess_bg.svg);
}

#areaPrOffice .wideFrame {
	position:relative;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

#areaPrOffice .wideFrame:after {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	/*background:#DFFDA7;
	background:#FFCEA8;*/
	background:#fff8a8;
	content:"";
	display:none;
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
	z-index:-1;
	box-shadow:0 0 25px #00000033;
	border:solid 3px #fff;
}

/* ウィンドウ幅が768px?の場合に適用するCSS */
@media screen and ( min-width:768px ){
	#areaPrOffice {
		font-size:2.05em;
		line-height:1.8em;
	}
}

/******************************************************************************
.listBtmAnnai（バナー掲載）
*****************************************************************************/


.listBtmAnnai {
}

.listBtmAnnai.typeSeikyu {
	background:#eee;
}


.listBtmAnnai.typeLesson {
	background:#f9f9f9;
}


.listBtmAnnai li {
	padding:1.5em 0;
	box-sizing:border-box;
}

.listBtmAnnai li a {
	display:block;
	border:solid 2px #FF4343;
	background:#FFA8A8 no-repeat;
	padding:100px 0 0 0;
	height:0;
	font-size:0;
	overflow:hidden;
	box-sizing:border-box;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	box-shadow:0 0 15px #00000033;
}
.listBtmAnnai.typeSeikyu li a {
	background-image:url(css_img/photoBtmAnnai_taiken.png);
	background-position:right -35px;
}
.listBtmAnnai.typeLesson li a {
	background-image:url(css_img/photoBtmAnnai_lesson.png);
	background-position:right -35px;
}

.listBtmAnnai li a::before {
	display:block;
	content:"";
	position:absolute;
	width:130px;
	height:26px;
	left:25px;
	top:50%;
	margin-top:-13px;
	background:no-repeat left top;
	background-size:100%;
}
.listBtmAnnai.typeSeikyu li a::before {
	background-image:url(css_img/btmAnnaiType_siryo.svg);
}
.listBtmAnnai.typeLesson li a::before {
	background-image:url(css_img/btmAnnaiType_lesson.svg);
}

.listBtmAnnai li a:after {
	position:absolute;
	display:block;
	content:"";
	width:24px;
	height:22px;
	margin-top:-11px;
	background: url(css_img/markCursorBtmAnnai.svg)  no-repeat right top;
	background-size:100%;
	z-index:5;
	right:15px;
	top:50%;
}
/* ウィンドウ幅が922px〜の場合に適用するCSS */
@media screen and (min-width:922px){

	.listBtmAnnai li a {
		padding:120px 0 0 0;
	}
	
	.listBtmAnnai.typeSeikyu li a {
		background-position:right -85px;
	}
	.listBtmAnnai.typeLesson li a {
		background-position:right -35px;
	}
	
	.listBtmAnnai li a::before {
		width:180px;
		height:36px;
		left:35px;
		margin-top:-18px;
	}
	
}

/******************************************************************************
#areaTopics（トピックス）
*****************************************************************************/

#areaTopics{
	box-sizing:border-box;
}

#areaTopics .wideFrame{
	padding-top:35px;
	padding-bottom:35px;
}

#areaTopics .boxSingle {
	padding:5px;
}

#areaTopics .boxSingle h3{
	font-size:1.2em;
	margin-bottom:10px;
	font-weight:bold;
}

#areaTopics .image {
	background:#eee;
	text-align:center;
	margin-bottom:25px;
	line-height:0;
	/*width:120px;
	float:left;
	margin:0 10px 10px 0;*/
}

@media screen and ( min-width:768px )
{

	#areaTopics .image {
		margin-bottom:25px;
		/*width:250px;
		float:left;*/
		margin:0 10px 10px 0;/**/
	}
	
	#areaTopics .boxIntro {
		/*margin-left:270px;*/
	}

}

@media screen and ( min-width:992px )
{
	#areaTopics{
		width:50%;
		padding:0 15px;
		float:left;
	}
	#areaTopics .wideFrame{
		width:auto;
	}
	
	#areaTopics .boxSingle {
		box-sizing:border-box;
		padding:15px 25px;
		border:solid 1px #eee;
		height:535px;
		margin-bottom:25px;
		overflow-y:scroll;
		border-radius: 15px;        /* CSS3草案 */  
		-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 15px;   /* Firefox用 */
		box-shadow:0 0 15px #00000033;
	}
}

/******************************************************************************
#areaNews（ニュース項目）
*****************************************************************************/

#areaNews {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

#areaNews .wideFrame {
	padding-top:30px;
	padding-bottom:30px;
}

#areaNews ul {
	border:solid 1px #ccc;
	padding:30px 25px;
	height:210px;
	overflow-y:scroll;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

#areaNews li {
	padding-left:4.1em;
}
#areaNews li.markNew {
	padding-left:8.1em;
}

.markNew span {
	padding-left:4.2em;
}

#areaNews li span::before{
	content:"(";
}
#areaNews li span:after{
	content:")";
}

#areaNews li a {
	color:#666;
	transition-property:color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#areaNews li a:hover {
	color:#FF4343;
}

/******************************************************************************
#areaMessage（先輩からのメッセージ）
*****************************************************************************/

#areaMessage {
	border-bottom:solid 1px #ccc;
}


#areaMessage .wideFrame{
	padding-top:50px;
	padding-bottom:50px;
}

#areaMessage h3.mess {
	font-weight:bold;
	font-size:1.2em;
	color:#999;
	text-align:center;
	margin-bottom:15px;
}

#areaMessage .intro {
	margin-bottom:55px;
}

#areaMessage .listActor {}

#areaMessage .listActor dl{
	margin-bottom:65px;
}
#areaMessage .listActor dt{
	margin-bottom:25px;
	text-align:center;
	position:relative;
}
#areaMessage .listActor dt .photo{
	margin:0 auto 15px auto;
	background:#eee;
	width:200px;
	height:200px;
	overflow:hidden;
	border:solid 2px #ccc;
	border-radius: 200px;        /* CSS3草案 */  
	-webkit-border-radius: 200px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 200px;   /* Firefox用 */
}
#areaMessage .listActor dt .photo img{
	width:100%;
	height:auto;
}
#areaMessage .listActor dt .name{
	font-size:1.2em;
	font-weight:bold;
}
#areaMessage .listActor dd .mida{
	font-size:1.2em;
	font-weight:bold;
	color:#FF6E6E;
	margin-bottom:10px;
}
#areaMessage .listActor dd .shosai{
	font-size:0.92em;
}

@media screen and ( min-width:768px )
{
	#areaMessage .listActor dt{
		margin-bottom:0;
		float:left;
		width:200px;
	}
	
	
	#areaMessage .listActor dd {
		margin-left:250px;
		border:solid 1px #ccc;
		padding:10px 25px;
		position:relative;
		border-radius: 15px;        /* CSS3草案 */  
		-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 15px;   /* Firefox用 */
	}
	
	#areaMessage .listActor dd::before,
	#areaMessage .listActor dd:after {
		position:absolute;
		display:block;
		left:-10px;
		/*visibility:inherit;*/
	}
	#areaMessage .listActor dd::before{
		top:15px;
		border-top:solid 7px transparent;
		border-left:solid 7px transparent;
		border-bottom:solid 7px transparent;
		border-right:solid 12px #fff;
		z-index:15;
	}
	#areaMessage .listActor dd:after {
		top:15px;
		border-top:solid 7px transparent;
		border-left:solid 7px transparent;
		border-bottom:solid 7px transparent;
		border-right:solid 14px #ccc;
		z-index:10;
	}
	
}

/******************************************************************************
#areaPickUp（ピックアップ）
*****************************************************************************/

#areaPickUp{}

#areaPickUp .wideFrame{
	padding-top:65px;
	padding-bottom:65px;
}

#areaPickUp .item {
	position:relative;
	z-index:11;
	margin-bottom:25px;
}
#areaPickUp .item dl {
	border:solid 1px #ccc;
	position:relative;
}

#areaPickUp .item dt {
	box-sizing:border-box;
	width:100%;
	text-align:center;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	position:absolute;
	left:0;
	bottom:0;
	line-height:3.5em;
	background:#fff;
	z-index:10;
}

#areaPickUp .item dd.image {
	background:#333;
	height:250px;
	overflow:hidden;
}
#areaPickUp .item dd.image img{
	width:100%;
}
#areaPickUp .item.show dd.image img{
	opacity:0.5;
}

#areaPickUp .item .list {
	position:absolute;
	left:45px;
	top:28px;
	background:#fff;
	display:none;
	height:170px;
	width:80%;
	z-index:57;
	/*overflow-y:scroll;*/
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
#areaPickUp .item.show .list {
	display:block;
}
#areaPickUp .item .list .frame {
	overflow-y:scroll;
	width:100%;
	height:100%;
}

#areaPickUp .item .list::before {
	position:absolute;
	content:"";
	display:block;
	left:-18px;
	top:20px;
	border-top:solid 7px transparent;
	border-right:solid 12px #fff;
	border-bottom:solid 7px transparent;
	border-left:solid 7px transparent;
}

#areaPickUp .item .list li{
}
#areaPickUp .item .list p{
	padding:25px 15px 5px;
}
#areaPickUp .item .list li::before{
	content:"";
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	background:#ccc;
	left:5px;
	top:13px;
}

#areaPickUp .item .list li a{
	color:#666;
}



/*項目表示枠*/
#areaPickUp #frameScreenListPU {
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:35;
	padding:50px 5px 50px 5px;
	box-sizing:border-box;
	display:none;
}

#areaPickUp #frameScreenListPU.show{
	display:block;
}

#areaPickUp #frameScreenListPU .wall {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000000cc;
}
#areaPickUp #frameScreenListPU .frame {
	z-index:10;
	box-sizing:border-box;
	height:100%;
	overflow:hidden;
	background:#fff;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
}
#areaPickUp #frameScreenListPU .frame .inbox{
	padding:20px 10px;
	position:relative;
	max-height:100%;
	overflow-y:scroll;
}
#areaPickUp #frameScreenListPU .frame .inbox p{
	font-size:1.1em;
	padding:10px 20px;
}
#areaPickUp #frameScreenListPU .frame .inbox li{
	font-size:1.1em;
}
#areaPickUp #frameScreenListPU .frame .inbox li::before{
	content:"";
	display:block;
	position:absolute;
	left:5px;
	top:11px;
	border-top:solid 5px transparent;
	border-left:solid 8px #FF6E6E;
	border-bottom:solid 5px transparent;
	border-right:solid 5px transparent;
}
#areaPickUp #frameScreenListPU .frame .inbox li a{
	color:#666;
}

#areaPickUp #frameScreenListPU .btmClose {
	position:absolute;
	bottom:5px;
	left:50%;
	width:50px;
	padding-top:50px;
	height:0;
	overflow:hidden;
	margin-left:-25px;
	z-index:15;
}
#areaPickUp #frameScreenListPU .btmClose::before,
#areaPickUp #frameScreenListPU .btmClose:after {
	content:"";
	width:48px;
	height:2px;
	display:block;
	position:absolute;
	left:1px;
	top:25px;
	background:#ffffffcc;
}
#areaPickUp #frameScreenListPU .btmClose::before{
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}
#areaPickUp #frameScreenListPU .btmClose:after{
	-moz-transform:    rotate( -45deg );  /* Firefox用 */
	-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -45deg );  /* IE9用 */
	transform:         rotate( -45deg );  /* CSS3の書き方 */
}

@media screen and ( min-width:768px )
{

	#areaPickUp .item {
		float:left;
		width:50%;
		margin-bottom:40px;
		box-sizing:border-box;
		padding:0 20px;
	}

}

@media screen and ( min-width:992px )
{
	#areaPickUp .wideFrame{
		position:relative;
	}
	
	#areaPickUp .item {
		width:25%;
		padding:0 10px;
		position: static;
		margin-bottom:0;
	}
	#areaPickUp .item dd.image img,
	#areaPickUp .item.show dd.image img{
		opacity:1;
	}
	
	#areaPickUp .item dd.image {
		height:200px;
	}
	
	/*#areaPickUp .item:hover dd.image img{
		opacity:0.5;
	}*/
	
	#areaPickUp .item dt {
		line-height:2.5em;
	}
	
	#areaPickUp .item .list {
		left:45px;
		top:220px;
		height:200px;
		width:90%;
		font-size:0.9em;
		border:solid 1px #ccc;
		z-index:30;
	}
	
	#areaPickUp .item.show .list {
		display:none;
	}
	/*#areaPickUp .item:hover .list {
		display:block;
	}*/
	
	#areaPickUp .item .list::before {
		left:50%;
		top:-10px;
		border-top:solid 7px transparent;
		border-right:solid 12px transparent;
		border-bottom:solid 7px #fff;
		border-left:solid 7px transparent;
		display:none;
	}
	
	#areaPickUp #frameScreenListPU .frame {
		width:992px;
		margin-left:auto;
		margin-right:auto;
		height:auto;
	}
	
}

/******************************************************************************
#areaPicupuMovie（ピックアップムービー）
*****************************************************************************/

#areaPicupuMovie {
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}


#areaPicupuMovie .wideFrame{
	padding:30px 0;
}

#areaPicupuMovie .boxMovie {
	position:relative;
	width:100%;
	height:0;
	padding-top:55%;
	overflow:hidden;
	background:#000;
	margin-bottom:25px;
}
#areaPicupuMovie .boxMovie iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

/******************************************************************************
#areaListBanner（バナー一覧）
*****************************************************************************/

#areaListBanner{
	clear:both;
}

#areaListBanner .wideFrame {
	padding-top:30px;
	padding-bottom:30px;
}

#areaListBanner .groupItm {
	display:none;
	position:relative;
}
#areaListBanner .groupItm.show {
	display:block;
}
#areaListBanner .groupItm a.prev,
#areaListBanner .groupItm a.next {
	content:"";
	display:block;
	width:14px;
	height:0;
	overflow:hidden;
	padding-top:14px;
	border-top:solid 3px #ccc;
	border-left:solid 3px #ccc;
	position:absolute;
	top:50px;
	z-index:10;
	cursor:pointer;
}
#areaListBanner .groupItm a.prev {
	left:0;
	-moz-transform:    rotate( -45deg );  /* Firefox用 */
	-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -45deg );  /* IE9用 */
	transform:         rotate( -45deg );  /* CSS3の書き方 */
}
#areaListBanner .groupItm a.next {
	right:0;
	visibility:inherit;
	-moz-transform:    rotate( 135deg );  /* Firefox用 */
	-webkit-transform: rotate( 135deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 135deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 135deg );  /* IE9用 */
	transform:         rotate( 135deg );  /* CSS3の書き方 */
}


#areaListBanner .groupItm.first a.prev,
#areaListBanner .groupItm.last a.next{
	display:none;
}

#areaListBanner .item {
	float:left;
	width:50%;
	text-align:center;
	box-sizing:border-box;
	padding:0 5px;
	display:none;
	position:relative;
	z-index:10;
}
#areaListBanner .groupItm.show .item {
	display:block;
}

#areaListBanner .listSns li {
	padding-left:0;
}

#areaListBanner .listSns #bnrTwitter {
	text-align:center;
}
#areaListBanner .listSns #bnrTwitter a {
	display:block;
	padding:15px 15px;
	border:solid 1px #ccc;
	text-align:center;
	position:relative;
	color:#999;
	font-size:1.5em;
	background:url(css_img/bnrTwitterCHK.svg) no-repeat 11px center;
	background-size:35px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
}
#areaListBanner .listSns #bnrTwitter a::before {
	content:"";
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	border-top:solid 3px #999;
	border-right:solid 3px #999;
	right:15px;
	top:50%;
	margin-top:-5px;
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}

@media screen and ( min-width:992px )
{
	
	#areaListBanner .groupItm a.prev,
	#areaListBanner .groupItm a.next {
		display:none;
	}
	
	#areaListBanner .groupItm {
		display:block;
		float:left;
		width:50%;
		margin-bottom:25px;
	}
	#areaListBanner .item {
		display:block;
	}
	
	#areaListBanner .listSns #bnrTwitter {
		display:none;
	}
	
}


/******************************************************************************
#frameTwitterBox（ツィッター項目）
*****************************************************************************/
#frameTwitterBox{
	display:none;
	text-align:center;
	box-sizing:border-box;
}
#frameTwitterBox .wideFrame{
	/*background:#f3f3f3;*/
	padding:35px 25px;
	box-sizing:border-box;
}
#frameTwitterBox iframe{
	border: solid 1px #eee!important;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	overflow:hidden;
	box-shadow:0 0 15px #00000033;
}

@media screen and ( min-width:992px ){
	
	
	#frameTwitterBox{
		display:block;
		width:50%;
		float:left;
		padding:0 15px;
	}
	#frameTwitterBox .wideFrame{
		width:auto;
	}
}


/******************************************************************************
#areaChartDebut（「デビューまでの流れ」項目）
*****************************************************************************/

#areaChartDebut {}

#areaChartDebut .wideFrame {
	padding-top:35px;
	padding-bottom:35px;
}


#areaChartDebut .frameChartdouble {}

#areaChartDebut .boxCourse {
	padding:45px 0;
	box-sizing:border-box;
}


#areaChartDebut .boxCourse h3 {
	margin-bottoim:25px;
	text-align:center;
}


#areaChartDebut .boxCourse li {
	padding:15px 55px 15px 25px;
	position:relative;
}
#areaChartDebut .boxCourse li:nth-child(even) {
	padding:25px 15px 25px 55px;
}

#areaChartDebut .boxCourse li .itemBoxTurn {
	padding:20px 35px;
	box-shadow:3px 3px 8px #00000033;
	background:#fff;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	font-weight:bold;
	font-size:1.4em;
	color:#333;
	border:solid 2px #ccc;
}

#areaChartDebut .boxCourse li span {
	position:absolute;
	left:0;
	top:0px;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	background:#FF4343;
	color:#fff;
	border-radius: 45px;        /* CSS3草案 */  
	-webkit-border-radius: 45px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 45px;   /* Firefox用 */
	border:solid 2px #fff;
	box-shadow:3px 3px 5px #00000033;
	font-family: 'Ultra', serif;
	font-size:1.3em;
}
#areaChartDebut .boxCourse li:nth-child(even) span {
	left:40px;
}

#areaChartDebut .boxViewDebut {
	/*padding:65px 0 0 0;*/
	padding:0;
	position:relative;
	text-align:center;
}
/*#areaChartDebut .boxViewDebut::before {
	position:absolute;
	display:block;
	content:"";
	width:50px;
	height:0;
	overflow:;
	padding:50px 0 0 0;
	background:#00000066;
	left:50%;
	top:0;
	margin-left:-25px;
}*/
#areaChartDebut .boxViewDebut .frame {
	text-align:center;
	font-weight:bold;
	font-size:1.9em;
	background:#60DFDB;
	color:#fff;
	padding:0.9em 1.3em;
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
	text-shadow:3px 3px 5px #00000033;
}

@media screen and ( min-width:768px ){
	
	
	
	#areaChartDebut .boxCourse {
		float:left;
		padding:45px 15px;
		width:50%;
	}
}


/******************************************************************************
#areaGuideline（「所属・（養成所）入所オーディション」項目）
*****************************************************************************/

#areaGuideline {
	background:#FFA8A8;
}

#areaGuideline {}

#areaGuideline .wideFrame {
	padding-top:55px;
	padding-bottom:55px;
}

#areaGuideline .frameData {
	background:#fff;
	padding:25px 25px;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	box-shadow:3px 3px 15px #00000066;
}

#areaGuideline .frameData h3 {
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:25px;
	color:#666;
}

#areaGuideline .frameData dl {
	padding:15px 0 15px 30px;
	position:relative;
	border-bottom:solid 1px #eee;
}
#areaGuideline .frameData dl::before {
	content:"";
	display:block;
	width:10px;
	height:10px;
	background:#FFA8A8;
	position:absolute;
	left:0;
	top:18px;
}

#areaGuideline .frameData dt {
	margin-bottom:10px;
	font-weight:bold;
}

#areaGuideline .txtIntro {
	margin-bottom:35px;
	color:#fff;
	font-size:1.15em;
}


@media screen and ( min-width:768px ){
	
	#areaGuideline .frameData {
		padding:25px 45px;
	}
}