@charset "UTF-8";
/* CSS Document */
/*全デバイス共通のCSS（スマホ向け）
------------------------------------------*/
/* 共通設定 */
html {font-size: 16px; line-height: 1.8;}
body {box-sizing: border-box;}
a {display: block;}
a:hover{opacity: 0.8;}
p {line-height: 1.8em;}
section{
	margin-bottom: 20%;
}
.wrapper {
  width: 100%;
  padding: 0 8%;
}
.wrap_inner {padding: 0 8%;}

.pc {display: none;}
.sp {display: block;}

.text_b{
	font-weight: bold;
}

/* section h2
------------------------------------------*/
section h2{
	width: 200px;
	margin: 0 auto 10% auto;
	font-size: 1.5em;
	font-weight: bold;
	color:#001538;
	text-align: center;
	border-bottom: 1px solid #001538;
}
section h2.txt_black{
	color:#000000;
	border-bottom: 1px solid #000000;
}

/* header
------------------------------------------*/
header{
	position: relative;
	padding:0;
	margin-bottom: 20%;
	background: url("../images/pc_fv.jpg") no-repeat 50%;
	background-size: cover;
}
header .wrapper{
	padding: 0;
}
header h1{
	width: 100%;
	padding: 0;
}
header .head_box{
	position: absolute;
	left: 0;
	bottom: 7%;
}
header .head_text{
	padding: 5% 7% 2%;
	line-height: 1.6;
	color: #ffffff;
	font-weight: bold;
	text-align: justify;
}
header .head_text .br{
	display: none;
}
header .free{
	width: 74%;
	margin: 0 auto;
}


/* held
------------------------------------------*/
section.held .day, section.held .place{
	margin-bottom: 6%;
}
section.held .day p, section.held .place p{
	text-align: center;
	line-height: 1.5;
}
section.held .day p{
	font-size: 1.3125em;
}
section.held .day p:first-child, 
section.held .place p:first-child{
	font-size: 1.75em;
}
section.held .place .place_address{
	font-size: 1em;
}
section.held .place .place_link{
	margin: 5% 0;
}
section.held .place .place_link a{
	width: 220px;
	padding: 5px;
	margin: 0 auto;
	font-size: .9em;
	color: #ffffff;
	background: #c6c4c4;
	border-radius: 50px;
}
section.held .place img{
	width: 100%;
	margin: 0 auto;
}


/* Program
------------------------------------------*/
section.program{
	padding: 14% 0;
	background: #fdf9c0;
}
section.program .pro_box{
	margin-bottom: 5%;
}
section.program .stage01 .lecture{
	margin-bottom: 6%;
}

section.program .stage01_title,
section.program .stage02_title,
section.program .stage03_title{
	padding: 2% 0;
	margin-bottom: 6%;
	background: #00a0e9;
	overflow: hidden;
}
section.program .stage03_title{
	background: #2064db;
}

/* 1部・2部の画像 */
section.program .stage01_title img{
	display: block;
	width: 60%;
	margin: 0 auto;
}
section.program .stage02_title img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
section.program .stage03_title img{
	display: block;
	width: 60%;
	margin: 0 auto;
}

/*--公演タイトル--*/
section.program .pro_box.stage01 h4,
section.program .pro_box.stage03 h4{
	font-size:  1.3125em;
	text-align: center;
	line-height: 1.4;
}
/*--出演者リスト--*/
section.program .pro_box dl{
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
}
section.program .pro_box dl dt{
	float: left;
	padding-top: 1%;
	font-size: .9em;
}
section.program .pro_box dl dd{
	float: right;
	font-size:1.1em;
}
section.program .pro_box p{
	text-align: center;
}
section.program .stage01 dl{
	width: 80%;
}
/*--stage02のみ適用--*/
section.program .stage02 dt{
	width: 60%;
}
section.program .stage02 dd{
	width: 38%;
}
/*--stage03のみ適用--*/
section.program .stage03 p{
	font-size: 0.8em;
	text-align: left;
	line-height: 1.5;
	padding: 5% 0 0 0;
}


/*--開会挨拶・質疑応答・総合司会--*/
section.program .prologue h4,
section.program .faq h4{
	width: 35%;
	padding: 0 2%;
	margin: 0 auto 2% auto;
	border: 1px solid #707070;
	background: #FFFFFF;
	text-align: center;
}
section.program .faq p span{
	font-size: 1.2em;
	font-weight: bold;
	color: #00a0e9;
	display: block;
}

section.program .navigator dl{
	width: 95%;
}
section.program .navigator p{
	width: 35%;
	padding: 0 2%;
	margin: 0 auto 2% auto;
	color: #ffffff;
	background: #60656e;
}


/* cast
------------------------------------------*/
section.cast .cast_box{
	margin-bottom: 10%;
}
section.cast img{
	display: block;
	width: 60%;
	margin: 0 auto;
}
section.cast .name{
	margin: 4% 0;
}
section.cast .name p{
	text-align: center;
	line-height: 1.5;
}
section.cast .name .n02{
	font-size: 1.125em;
}
section.cast .profile{
	/*padding: 0 2%;*/
}
section.cast .profile dl{
	overflow: hidden;
	font-size:0.9em;
}
section.cast .profile dl dt{
	float: left;
	width: 28%;
	/*margin-right: 2%;*/
}
section.cast .profile dl dd{
	float: left;
	width: 72%;
	text-align: justify;
	line-height: 1.5;
}
section.cast .profile dl dd.word_all{
	word-break: break-all;
}

/*総合司会のスタイル*/
section.cast p.host{
	width: 35%;
	padding: 0 2%;
	margin: 0 auto 2% auto;
	color: #ffffff;
	background: #097906;
	font-weight: bold;
}

/*総合司会_名前のみのスタイル*/
section.cast .name_only{}

section.cast .name_only p.host{
	width: 150px;
	padding: 0 2%;
	margin: 0 auto 2% auto;
	color: #ffffff;
	background: #60656e;
	font-weight: bold;
	text-align: center;
}
section.cast .name_only p.n01{
	text-align: center;
}
section.cast .name_only p.n02{
	text-align: center;
	font-size: 1.125em;
}


/* CV_post form
------------------------------------------*/

/*--title周り--*/
section.cv_post{
	padding: 18% 0;
	background: #00a0e9;
	color: #ffffff;
	
}
section.cv_post .wrapper{
	padding: 0 4%;
}
section.cv_post h2{
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
section.cv_post .lead{
	line-height: 1.5;
	margin-bottom: 10%;
}
section.cv_post .lead .tab{
	display: none;
}
section.cv_post .require{
	color:#F00;
}

/*--フォーム--*/
section.cv_post iframe{
	border-radius: 5px;
}

/*-- 受付終了ボタン --*/
form .end_btn{
	background: #979797;
	color: #ffffff;
	display: block;
	width: 100%;
	padding: 3% 0;
	margin: 4% auto;
	font-size: 1.2em;
	border-radius: 40px;
	border-width: 0;
	text-align: center;
}

/*--締め切り--*/
.cv_post .limit{
	margin: 6% 0 0;
	text-align: center;
	font-weight: bold;
}
.cv_post .limit h3{

	font-weight: bold;
	font-size: 1.5em;
	text-decoration: underline;
}
.cv_post .limit p{
	font-size: 2em;
	color: #ebff03;
	line-height: 1.3em;
}

/*--プライバシーポリシー--*/
.cv_post .privacy_btn{
	text-align: center;
	margin: 6% 0;
}
.cv_post .privacy_btn a{
	width: 200px;
	padding: 5px 5px 3px 5px;
	margin: 0 auto;
	font-size: .8em;
	font-weight: bold;
	color: #00a0e9;
	background: #ffffff;
	border-radius: 50px;
}

/*--応募注釈--*/
section.cv_post ul{
	margin-top: 30px;
	padding-left: 0.875em;
	font-size: 0.875em;
}
section.cv_post ul li{
	text-indent: -0.875em;
	line-height: 1.5;
	text-align: justify;
}

/* info
------------------------------------------*/
section.info p{
	text-align: center;
}

/* footer
------------------------------------------*/
footer{
	background: #001538;
	color: #ffffff;
}
footer .listbox_main{
	width: 100%;
	padding: 10% 0 0 0;
	font-size: 1em;
}
footer .listbox_main .list_box{
	margin-bottom:10%;
}
footer .listbox_main .list_box p{
	margin: 0 0 5%;
	text-align: left;
	border-bottom: 1px solid #ffffff;
}
footer .copy{
	padding: 5% 0 8% 0;
	text-align: center;
}


/*--サンクスページ--*/
#thanks .top_back{
	font-weight: bold;
	text-align: center;
}
#thanks .top_back a{
	width: 220px;
	padding: 5px;
	margin: 0 auto;
	color: #ffffff;
	background: #aaaaaa;
	}

/*幅768px以上に適用されるCSS（タブレットサイズ以上）
------------------------------------------*/
@media print, screen and (min-width:768px) {
	
	/* 共通設定 */
	.wrapper {padding: 0 10%;}
	section{margin-bottom: 10%;}

	/* section h2
	------------------------------------------*/
	section h2{margin: 0 auto 8% auto;}
	
	/* header
	------------------------------------------*/
	header .sp{display: none;}
	header .pc{display: block;}
	
	header{
		padding:0;/*8% 0 6% 0*/
		margin-bottom: 10%;
	}
	header .wrapper{
		padding: 0;/*0 5%*/
	}
	header h1{
		width: 100%;
		height: auto;
		padding: 0 0 0 0;
	}

	header .head_box{
		overflow: hidden;
		padding: 0 5%;
		bottom: 0;
	}

	header .head_text{
		/*float: left;*/
		width: 50%;
		padding: 8% 0 8% 0;
	}
	
	header .head_text .br{
		display: block;
	}
	header .free{
		float: right;
		width: 75%;
		margin: 4% auto 0 auto;
	}
	

	/* held
	------------------------------------------*/
	section.held .place .place_address{
		font-size: 1em;
	}
	section.held .place .place_link{
		margin: 3% 0;
	}
	section.held .place img{
		display: block;
		width: 80%;
		margin: 0 auto;
	}


	/* Program
	------------------------------------------*/
	section.program{
		padding: 10% 0;
	}
	section.program .pro_box{
		margin-bottom: 5%;
	}
	section.program .stage01 .lecture{
		margin-bottom: 6%;
	}

	section.program .stage01_title,
	section.program .stage02_title,
	section.program .stage03_title{
		width: 70%;
		margin: 0 auto 3% auto;
	}
	/* 1部・2部の画像 */
	section.program .stage01_title img{
		width: 50%;
	}
	section.program .stage02_title img{
		width: 70%;
	}
	section.program .stage03_title img{
		width: 50%;
	}
	
	section.program .pro_box h4{
		font-size:  1.3125em;
		width: 100%;
	}
	section.program .pro_box dl{
		width: 60%;
	}
	section.program .pro_box dl dt{
		padding-top: 1%;
		font-size: 1.3125em;
	}
	section.program .pro_box dl dd{
		font-size:1.4375em;
	}
	section.program .stage01 dl{
		width: 60%;
	}
	
	/*--stage03のみ適用--*/
	section.program .stage03 h4{
		margin: 0 0 3%;
	}
	section.program .stage03 p{
		font-size: .9em;
		text-align: center;
		padding: 0;
	}
	
	/*--開会挨拶・質疑応答・総合司会--*/
	section.program .prologue h4,
	section.program .faq h4{
		width: 20%;
	}
	section.program .navigator dl{
		width: 70%;
	}
	section.program .navigator p{
		width: 20%;
		margin: 0 auto;
	}
	section.program .navigator{
		margin-bottom: 3%;
	}
	section.program .pro_box br{
		display: none;
	}

	
	/* cast
	------------------------------------------*/
	section.cast .cast_box{
		overflow: hidden;
		margin-bottom: 5%;
	}
	section.cast img{
		float: left;
		width: 30%;
	}
	section.cast .cast_box .profile_text{
		float: right;
		width: 65%;
	}
	section.cast .name{
		margin: 0 0 4% 0;
	}
	section.cast .name p{
		text-align: left;
	}
	
	section.cast .profile dl dt{
		width: 23%;
	}
	section.cast .profile dl dd{
		width: 77%;
	}
	
	/*総合司会のスタイル*/
	section.cast p.host{
		width: 35%;
		padding: 1% 0;
		margin: 2% 0;
		text-align: center;
	}
	
	/*総合司会_名前のみのスタイル*/
	section.cast .name_only{
		display: flex;
		width: 70%;
		margin: 0 auto;
	}

	section.cast .name_only p.host{
		width: 120px;
		padding: 0 2%;
		margin: 0;
	}
	section.cast .name_only p.n01{
		text-align: left;
		margin-left: 5%;
	}
	section.cast .name_only p.n02{
		text-align: left;
		margin-left: 5%;
		line-height: 1.5;
	}
	
	/* CV_post form
	------------------------------------------*/
	
	/*--title周り--*/
	section.cv_post{
		padding: 10% 0;
	}
	section.cv_post h2{
		margin: 0 auto 3% auto;
	}
	section.cv_post .lead{
		text-align: center;
		margin-bottom: 5%;
	}
	section.cv_post .lead .tab{
		display: block;
	}
	

	
	
	/* info
	------------------------------------------*/
	section.info h2{
		margin: 0 auto 5% auto;
	}
	section.info p{
		font-size: 1.2em;
	}
	section.info{
		margin-bottom: 10%;
	}
	
	/* footer
	------------------------------------------*/
	footer .listbox_main{
		padding: 5% 0 0 0;
		display: flex;
		justify-content:center;
	}
	footer .listbox_main .list_box{
		margin-bottom:3%;
		width: 48%;
	}
	footer .listbox_main .list_box:first-child{
		margin-right: 4%;
	}
	footer .listbox_main .list_box p{
		margin: 0 0 3%;
		text-align: left;
	}
	footer .copy{
		padding: 5% 0 5% 0;
	}

} /* !min-width:768pxの閉じタグ */


/*幅990px以上に適用されるCSS（PCサイズ以上)
------------------------------------------*/
@media screen and (min-width:990px) {
	/* 共通設定 */
	.wrapper {
		width: 1000px;
		padding: 0 80px;
		margin: 0 auto;
	}
	
	section{
			margin-bottom: 6%;
	}
	
	/* section h2
	------------------------------------------*/
	section h2{
		width: 270px;
		margin: 0 auto 5% auto;
		font-size: 1.8em;
	}
	
	/* header
	------------------------------------------*/
	header{
		padding:0 0 0 0;
		margin-bottom: 5%;
	}
	header .wrapper{
		padding: 0%;
		position: relative;
	}
	header h1{
		width: 100%;
		height: 700px;
		padding: 0;
		/*margin: 0 auto;*/
	}
	header .head_box{
		overflow: hidden;
		width: 84%;
		padding: 0;
		margin: 2% auto 0 auto;
		left: 8%;
		bottom: 8%;
	}
	header .head_text{
		/*float: left;*/
		width: 75%;
		padding: 80px 0 20px 0;
		margin-right: 5%;
		font-size: 1.125em;
	}
	header .free{
		float: right;
		width: 50%;
		margin: 4% auto 0 auto;
	}
	
	/* held
	------------------------------------------*/
	section.held .day{
		margin-bottom: 4%;
	}
	section.held .day p:first-child{
		font-size: 1.8em;
	}
	section.held .place p.place_name{
		font-size: 1.8em;
	}
	section.held .place .place_address{
		font-size: 1em;
	}
	section.held .place .place_link{
		margin: 3% 0;
	}
	
	/* Program
	------------------------------------------*/
	section.program{
		padding: 5% 0;
	}
	section.program .pro_box{
		margin-bottom: 3%;
	}
	section.program .stage01 .lecture{
		margin-bottom: 5%;
	}

	section.program .stage01_title,
	section.program .stage02_title,
	section.program .stage03_title{
		padding: 1%;
		width: 70%;
		margin: 0 auto 2% auto;
	}
	/* 1部・2部の画像 */
	section.program .stage01_title img{
		width: 50%;
	}
	section.program .stage02_title img{
		width: 60%;
	}
	section.program .stage03_title img{
		width: 45%;
	}
	
	section.program .pro_box h4{
		font-size:  1.3125em;
		width: 100%;
	}
	section.program .pro_box dl{
		width: 40%;
	}
	section.program .pro_box dl dt{
		padding-top: 1%;
		font-size: 1.3125em;
	}
	section.program .pro_box dl dd{
		font-size:1.4375em;
	}
	section.program .stage01 dl{
		width: 38%;
	}
	/*--stage01のみ適用--*/
	section.program .stage01 .lecture h4{
		font-size: 2em;
	}
	/*--stage03のみ適用--*/
	section.program .pro_box.stage03 h4{
		font-size: 2em;
		margin: 0 0 3%;
	}
	section.program .stage03 p{
		font-size: .9em;
		text-align: center;
		padding: 0;
	}
	
	/*--開会挨拶・質疑応答・総合司会--*/
	section.program .prologue h4,
	section.program .faq h4{
		width: 160px;
	}
	section.program .navigator dl{
		width: 50%;
	}
	section.program .navigator p{
		width: 160px;
		margin: 0 auto;
	}
	section.program .navigator{
		margin-bottom: 5%;
	}
	section.program .pro_box br{
		display: none;
	}
	section.program .faq p span{
		font-size: 1.5em;
	}
	
	/* cast
	------------------------------------------*/
	section.cast .wrapper{
		padding: 0 150px;
	}
	section.cast img{
		width: 200px;
	}
	section.cast .cast_box .profile_text{
		width: 480px;
	}
	section.cast .name{
		margin: 0 0 4% 0;
	}
	section.cast .profile{
		padding: 0;
	}
	section.cast .profile dl{
		font-size:1em;
	}
	section.cast .profile br{
		display: none;
	}
	
	section.cast .profile dl dt{
		/*float: left;*/
		width: 20%;
		/*margin-right: 2%;*/
	}
	section.cast .profile dl dd{
		/*float: left;*/
		width: 80%;
		/*text-align: justify;*/
		/*line-height: 1.5;*/
	}
	section.cast .profile dl dd.word_all{
		/*word-break: break-all;*/
	}
	section.cast .profile dl dd.word_all br{
		display: block;
	}
	
	/*総合司会のスタイル*/
	section.cast p.host{
		width: 25%;
		padding: 1% 0;
		margin: 2% 0;
		/*color: #ffffff;*/
		/*background: #097906;*/
		/*text-align: center;*/
	}
	
	/* CV_post
	------------------------------------------*/
	
	/*--title周り--*/
	section.cv_post{
		padding: 18% 0;
		/*background: #FDFBEF;*/
		/*color:#555555;*/
	}
	section.cv_post .lead{
		/*line-height: 1.5;*/
		margin-bottom: 5%;
	}
	section.cv_post .lead .tab{
		/*display: none;*/
	}
	section.cv_post .require{
		/*color:#F00;*/
	}

	/*--フォーム--*/
	.formrun-embed{
		width: 80%;
		margin: 0 auto;
	}
	
	section.cv_post{
		padding: 5% 0;
	}
	section.cv_post .cv_area{
		margin: 4% 0;
	}
	section.cv_post .cv_area h3{
		width: 30%;
	}
	section.cv_post .cv_area .date{
		font-size: 1.8em;
	}
	section.cv_post ul{
		width: 83%;
		margin: 0 auto;
	}
	
	/*--締め切り--*/
	.cv_post .limit{
		/*margin: 6% 0 0;*/
		/*text-align: center;*/
		/*font-weight: bold;*/
	}
	.cv_post .limit h3{
		/*font-weight: bold;*/
	}
	.cv_post .limit p{
		/*font-size: 1.4em;*/
		/*color: #BE000A;*/
		/*line-height: 1.5em;*/
	}
	.cv_post .limit p .sp{
		display: none;
	}

	/*--プライバシーポリシー--*/
	.cv_post .privacy_btn{
		/*text-align: center;*/
		margin: 3% 0;
	}
	.cv_post .privacy_btn a{
		/*text-decoration: underline;*/
	}

	/*--応募注釈--*/
	section.cv_post ul{
		/*padding-left: 0.875em;*/
		/*font-size: 0.875em;*/
	}
	section.cv_post ul li{
		/*text-indent: -0.875em;*/
		/*line-height: 1.5;*/
	}

	/* info
	------------------------------------------*/
	section.info{
		margin-bottom: 5%;
	}
	
	/* footer
	------------------------------------------*/
	footer .listbox_main .list_box{
		margin-bottom:0;
	}

} /* !min-width:990pxの閉じタグ */


/*---サンクスページ---*/
#thanks section{
	margin-top: 5%;
}

@media screen and (min-width:768px) {
	#thanks section p{
		text-align: center;
	}
}