@charset "utf-8";

*{
	/* [disabled]backface-visibility: hidden; */
}
h2{
	text-align:center;
}
h3{
	background:#f24191;
	padding: 5px 0 5px 6px !important;
	font-size:2em!important;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
#str_container{
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", " Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#str_container #str_menuAndContents h3{
	margin-bottom:0;
}
#str_container h4{
	font-size:2em;
}
.spContent{
	display:none;
}
/*.pcContent{
	display:block;
}*/
.new{
	/*display:inline-block;
	background:#f00;*/
	color:#ffff00;
	padding:0 8px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Verdana","sans-serif";
	font-size: 0.8em;
}
.title{
	padding-left:10px;
	/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic","Verdana","sans-serif";*/
	font-size: 1.0em;
}
.section{
	margin-top:20px;
}
.section p{
	font-size:1.17em;
	line-height:1.6;
}
.pc_left{
	float:left;
}
.pc_right{
	float:right;
}
.studio_Block{
	border:solid 1px #ccc;
	border-top:none;
	padding:10px 20px 15px;
	font-size:96%;
}


/*-----     movie     -----*/
.movie_Block .pc_left{
	width:640px;
}
.movie_Block .pc_right{
	width:300px;
	padding:0;
}
.movie_Block{
	background:#fff;
}
.movie_box{
	margin:10px 0 0;
	border:none;
}
.movie-wrap{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
}
.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.movie_Block .pc_right{
	background:#fff;
	padding:0;
}
.movie_Block .pc_right>div{
	border:solid 1px #ccc;
	padding:8px 20px;
}
.movie_Block .pc_right div+div{
	border-top:none;
}
.logo_image{
	display:block;
	text-align:center;
}
.detail_btn{
	text-align:right;
}
.detail_btn a{
	display:inline-block;
	color:#fff;
	padding:5px 20px 5px 10px;
	border-radius: 4px;
	background-color:#f24191;
	background-image:url(../images/icon_arrow.png);
	background-position:95% center;
	background-repeat:no-repeat;
}
.detail_btn a:hover{
	color:#fff;
	transition: .3s;
	background: rgba(242,65,145,0.7);
	background-image:url(../images/icon_arrow.png);
	background-position:95% center;
	background-repeat:no-repeat;
}

/*-----     sns     -----*/
.sns_btn{
	margin: 20px auto 0;
	width: 162px;
}
.sns_btn li{
	float:left;
}
.sns_btn li+li{
	margin-left:15px;
}

/*-----     intro_Block     -----*/
.itrImg{
	float:left;
	padding:0 10px 0 0;
	max-width:40%;
}
.itrImg a{
	display:block;
}
.introB01 .itrImg{
	float:right;
	padding:0 0 0 10px;
}
.introB01 .itrText{
	padding:0 0 0 10px;
}
.intro_Block{
	background:#eee;
	margin-top:20px;
	padding:10px;
}
.intro_Block div+div{
	margin-top:10px;
}
.introA01,.introB01{
	background:#fff;
	padding:10px;
}
.intro_Block .link_none{
	pointer-events: none;
	color: #000;
}
/*-----     trajectory_Block     -----*/
.trajectory_Block{
	margin-left:-15px;
}
.trajectory_unit{
	width:290px;
	float:left;
	margin:10px 0 0 15px;
	border:solid 1px #ccc;
	padding:10px 9px;
}
.trajectory_unit a{
	display:block;
	color:#000;
}
.trajectory_unit a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: .3s;
}
.episode_box{
	margin:25px 0 0 10px;
}
.episode_box p{
	position:relative;
	font-size:1.33em;
}
.episode_box span.long{
	display:inline-block;
    width: 70%;
    vertical-align: top;
}
.episode_box span.long2{
	display:inline-block;
    width: 55%;
    vertical-align: top;
}
.episode{
	color:#fff;
	background:#f24191;
	padding:1px 10px 0 10px;
	margin-right:20px;
	display:inline-block;
}
.episode_new{
	color:#f00;
	position:absolute;
	top:-25px;
	left:1em;
	font-weight:bold;
}

/*-----     studio_Block     -----*/
.studio_Block{
	padding:20px 10px 15px;
}
.studio_Block h4 a{
	color:#000;
}
.studio_Block h4 a:hover{
	color:#666;
}
.address{
	font-size:1.17em;
	margin-top:15px;
	line-height: 1.6;
}
.address dt{
	float:left;
	background:#aaa;
	color:#fff;
	width:6em;
	text-align:center;
	margin-right:10px;
}
.address dd{
	float:left;
}

/*-------------------------------------
episodeページ
-------------------------------------*/
.course_Block{
	margin-top:20px;
	background:#eee;
	padding:10px;
}
.courseA01{
	background:#fff;
	padding:10px;
}
#str_container .course_Block h4{
	padding-bottom:15px;
	border-bottom:dashed 2px #999;
	margin-bottom:20px;
	line-height:1.6;
	font-size:1.7em;
}
.course_Block h4 a {
	color: #000;
}
.course_Block h4 a:hover{
	color: #666;
}
.sub01{
	font-size:1em;
}
.sub02{
	font-size:0.65em;
}

/*-----     SP     -----*/
@media screen and (max-width: 768px) {
	*{
		box-sizing:border-box;
	}
	h2 img{
		width:100%;
	}
	h3{
		padding: 10px 0!important;
		font-size:1.5em!important;
	}
	#str_container h4{
		font-size:1.25em;
	}
	.section{
		margin-top:0;
	}
	.section p{
		font-size:1em;
	}
	.new{
		margin-right:10px;
	}
	.title{
		padding-left:0;
	}
	.pc_left,.pc_right{
		float:none;
		margin-top: 10px;
	}
	.movie_Block{
		background-color: #eee;
	}
	.movie_box{
		margin:10px 5px;
		border-style: solid;
		border-color: #000;
		border-width: 0 10px;
	}
	.movie_Block .pc_left,
	.movie_Block .pc_right{
		width:100%;
	}
	.movie_Block .pc_right{
		padding:10px 10px 0;
	}
	.movie_Block .pc_right>div{
		padding:10px 8px;
	}
	.detail_btn{
		text-align:center;
	}
	.detail_btn a {
		padding: 5px 40px 5px 30px;
	}
	.introB01 .itrImg{
		float:left;
		padding:0 10px 0 0;
	}
	.introB01 .itrText{
		padding:0;
	}
	.trajectory_Block{
		padding:10px;
		margin-left:0;
	}
	.trajectory_unit{
		width:100%;
		float:none;
		margin:0!important;
		border:solid 1px #ccc;
		padding:10px;
	}
	.trajectory_unit+.trajectory_unit{
		border-top:none;
	}
	.trajectory_box{
		display:table;
	}
	.trajectory_box .image,
	.trajectory_box .episode_box{
		display:table-cell;
		vertical-align:middle;
	}
	.trajectory_box .image{
		width:56%;
	}
	.trajectory_box .episode_box{
		width:40%;
	}
	.trajectory_box .episode_box p{
		margin-left:10px;
	}
	.spContent{
		display:block;
	}
/*	.pcContent{
		display:none;
	}*/
	.studio_Block{
		padding:10px 10px 15px;
		border:none;
	}
	.studio_Block .pc_right{
		margin-top:10px;
	}
	.studio_Block .pc_right img{
		width:100%;
	}
	.episode{
		margin:0 0 10px 0;
	}
	.episode_new {
		top: -20px;
		left: 1.1em;
	}
	.address {
		font-size: 1em;
	}
	.course_Block{
		margin-top:0;
	}
	.sub01{
	font-size:1em;
	}
}